1. jquery如何取同級元素的子級
jquery中同級元素即兄弟元素用siblings()獲取,子級元素用children()獲取,所以可以使用如下代碼取同級元素的子級:
js">$('selector').siblings().children();
示例代碼:
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TEST</title>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<scriptsrc="http://code.jquery.com/jquery-latest.js"></script>
<style>
div{padding:10px;margin:10px;}
div.xiyouji{width:250px;height:200px;border:4pxsolidgreen;}
div.sun-niu{border:4pxsolidred;}
div.sun-niudiv{border:2pxsolidblue;}
</style>
<script>
$(function(){
$("div.sun-niu").click(function(){
nephew=$(this).siblings().children().text();
if(nephew)
option=nephew;
else
option="沒有侄子";
alert(option);
});
})
</script>
</head>
<body>
<divclass="xiyouji">
<divclass="sun-niu">
孫悟空
</div>
<divclass="sun-niu">
牛魔王
<div>紅孩兒</div>
</div>
</div>
</body>
</html>
顯示效果:
點擊孫悟空後,就顯示了同級的子級元素,也就是他侄子紅孩兒。
2. javascript如何調用同一域中的其它網頁中的元素例如使用getElementById、getElementsByTagName
在定義變復量時前面不制要加任何修飾符,這樣的話這個變數就成了全局變數它裡面保存的內容也會被全局所共享。比如說:
A頁面
ElementA = Document. getElementById("A");
在B頁面
alert(ElementA.innerHtml);
ElementA在被瀏覽器載入後,一直保存在內存中,可以被共享訪問。
但是你說的通過方法獲取別的頁面的內容是不可行的,因為頁面跳轉以後,那個頁面實際上已經被銷毀了,你是無法再訪問到了,這是Http的特性。
3. javascript選擇同級下一元素
為什麼要這么做?不可以外面加個div來方便定位么?比如:
<div class="panel">
<input id="test" value="value" name="name"/>
<label for="test">…………</label>
</div>
$(".panel label") 這樣子來選?
4. 我點擊當前 標簽 獲取和它平級的下一個標簽 也就是它身後的標簽 js 怎麼獲取
nextSibling 屬性可返回某個元素之後緊跟的元素(處於同一樹層級中)。
如果無此節點,則屬性返回 null。
與其相反的是previousSibling
語法:nodeObject.nextSibling
<div id="div1" onclick="onclk(this)"> </div>
<div class="d1"> </div>
<div id="div1" onclick="onclk(this)"> </div>
<div class="d2"> </div>
<script>
function onclk(nowEle){
var nextEle = nowEle.nextSibling;
alert(nextEle.className);
}
5. js中如何選擇同一級別的元素,但不是兄弟元素
我的思路是:
var rank = $(elem).parents().length; // 獲取元素等級
var sibling = $("body > * > * …… > *"); // 獲取同級元素,星號的數量應該等於 rank - 2
大概思路就是這樣了,具體的還需要你自己研究研究。
6. js如何獲取兄弟元素的value
簡單來看,兩種,一種直接根據classname或者Id去獲取對應的元素拿到你要的值;回
第二種通過定位當前元素,然後通答過獲取兄弟節點的方式去獲取,相關法請自行查閱資料,一查一大把,自己查出來的才能留下更深的印象
7. js怎麼獲取除本身之外所有相同類名的元素
<body>
<inputtype='button'class="click_update"value='我是第一個'/>
<inputtype='button'class="click_update"value='我是第二個'/>
<inputtype='button'class="click_update"value='我是第三個'/>
<inputtype='button'class="click_update"value='我是第四個'/>
</body>
<script>
vara=$(".click_update");
for(vari=1;i<=a.length-1;i++){
alert(a[i].value);
}
</script>
8. 請賜教:點擊某元素時,js獲取同輩元素的值
functioncheckuser(a){
varf=a.parentNode;
while(f.tagName!="FORM")f=f.parentNode;
alert(f["id"].value);
}
9. javascript 如何獲取所有有某一相同屬性的元素
var studentList = [{
name: "a",
age: 17
}, {
name: "b",
age: 18
}, {
name: "c",
age: 19
}, {
name: "d",
age: 20
}, {
name: "e",
age: 18
}];
function displayStudentType(nianlin) {
for (var i = 0; i < studentList.length; i++) {
var si = studentList[i];
if (si.age == nianlin) {
console.log(si.name);
}
}
}
displayStudentType("17");
displayStudentType("18");
10. jquery如何獲取某一個兄弟節點,不是全部的,是指定的兄弟節點
$('#id').siblings() 當前元素所有的兄弟節點
$('#id').prev() 當前元素前一個兄弟節點
$('#id').prevaAll() 當前元素之前所有的兄弟節點
$('#id').next() 當前元素之後第一個兄弟節點
$('#id').nextAll() 當前元素之後所有的兄弟節點
這三個方法都可以添加選擇器,給出選擇條件,就能找到你指定的兄弟節點了。
(10)js獲取同級的其他元素擴展閱讀
1、jquery 獲取元素(父節點,子節點,兄弟節點)
$("#test1").parent(); // 父節點
$("#test1").parents(); // 全部父節點
$("#test1").parents(".mui-content");
$("#test").children(); // 全部子節點
$("#test").children("#test1");
$("#test").contents(); // 返回#test裡面的所有內容,包括節點和文本
$("#test").contents("#test1");
$("#test1").prev(); // 上一個兄弟節點
$("#test1").prevAll(); // 之前所有兄弟節點
$("#test1").next(); // 下一個兄弟節點
$("#test1").nextAll(); // 之後所有兄弟節點
$("#test1").siblings(); // 所有兄弟節點
$("#test1").siblings("#test2");
$("#test").find("#test1");
2、元素篩選
// 以下方法都返回一個新的jQuery對象,他們包含篩選到的元素
$("ul li").eq(1); // 選取ul li中匹配的索引順序為1的元素(也就是第2個li元素)
$("ul li").first(); // 選取ul li中匹配的第一個元素
$("ul li").last(); // 選取ul li中匹配的最後一個元素
$("ul li").slice(1, 4); // 選取第2 ~ 4個元素
$("ul li").filter(":even"); // 選取ul li中所有奇數順序的元素