導航:首頁 > 編程語言 > js查找元素的兄弟元素

js查找元素的兄弟元素

 發布時間：2021-01-31 08:34:01

1. javascript 怎麼查找父子兄弟節點獲得元素值

document.getElementsByTagName('li')[1].innerHTML獲取<li>aa</li>的值

document.getElementsByTagName('li')[2].childNodes[0].value獲取<input style="width:30px" type="text" value="bb" />的值

http://www.cnblogs.com/kissdodog/archive/2012/12/25/2833213.html

2. 怎麼使用JavaScript獲取兄弟節點

先通過父元素的子元素找到含自己在內的「兄弟元素」，然後回判斷剔除自己。答

js">functionsiblings(elem){
vara=[];
varb=elem.parentNode.children;
for(vari=0,i<b.length;i++){
if(b[i]!==elem)a.push(b[i]);
}
returna;
}

3. JQUERY 尋找指定元素的所有後代兄弟元素

<!doctypehtml>
<htmllang="en">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<metaname="Author"content="">
<metaname="Keywords"content="">
<metaname="Description"content="">
<scripttype="text/javascript"charset="utf-8"src="jquery.js"></script>
<scripttype="text/javascript">
	$("document").ready(function(){
		=$("input[value='bibi']").nextAll('div');
		divs.each(function(){
			$(this).text($(this).text()+"哈哈被選中了")

		})
	})
</script>
<style>
</style>
<title>Document</title>
</head>
<body>
<inputname="like"type="radio"value="bibi"><span>否</span>
<divclass="oo">
	這是oodiv
</div>
<divclass="pp">
	這是ppdiv
</div>
<divclass="tt">
	這是ttdiv
</div>
</body>
</html>

運行後看到後面的3個div都被選中了...

4. jquery如何獲取某一個兄弟節點，不是全部的，是指定的兄弟節點

$('#id').siblings() 當前元素所有的兄弟節點
$('#id').prev() 當前元素前一個兄弟節點
$('#id').prevaAll() 當前元素之前所有的兄弟節點
$('#id').next() 當前元素之後第一個兄弟節點
$('#id').nextAll() 當前元素之後所有的兄弟節點
這三個方法都可以添加選擇器，給出選擇條件，就能找到你指定的兄弟節點了。

(4)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中所有奇數順序的元素

5. js 表達：怎麼通過this獲取當前元素的兄弟的兒子；

js可以用nextSibling和previousSibling來獲得兄弟節點。

6. js怎麼找到某個元素的兄弟節點

這個元素的 parentNode.childNodes 就是一堆互相稱兄道弟的元素了

7. jquery怎麼獲取當前元素的兄弟元素

$('#id').siblings() 當前元素所有的兄弟節點
$('#id').prev() 當前回元素答前一個兄弟節點
$('#id').prevaAll() 當前元素之前所有的兄弟節點
$('#id').next() 當前元素之後第一個兄弟節點
$('#id').nextAll() 當前元素之後所有的兄弟節點
這三個方法都可以添加選擇器，給出選擇條件，就能找到你指定的兄弟節點了。

8. js怎麼得到一個div的所有兄弟節點

先獲取這個節點的父節點，再獲取這個父節點的所有子節點

9. 原生JS怎麼獲取元素的兄弟節點

應該是優先順序問題，你把父標簽的dom節點或id或class加上看看，如：div.class1
#id1
#id2
a{color:red;}

10. js如何獲取兄弟元素的value

簡單來看，兩種，一種直接根據classname或者Id去獲取對應的元素拿到你要的值；回
第二種通過定位當前元素，然後通答過獲取兄弟節點的方式去獲取，相關法請自行查閱資料，一查一大把，自己查出來的才能留下更深的印象

閱讀全文

與js查找元素的兄弟元素相關的資料

熱點內容
華中系統圖紙編程哪個刀好 瀏覽：38
地方債務數據在哪裡查看 瀏覽：932
掃描文件怎麼設置格式 瀏覽：957
蘋果郵箱主機名填什麼 瀏覽：630
多張圖片同一個文件夾 瀏覽：798
win7怎麼打開shs文件 瀏覽：481
怎麼把文件夾做成iso 瀏覽：164
繽客網站上的房價怎麼在哪裡修改 瀏覽：406
單片機c51計數器實驗代碼 瀏覽：990
宏編程滑鼠代表什麼意思 瀏覽：753
別人撿到蘋果6有用嗎 瀏覽：829
word文件用wps打開 瀏覽：477
macbook修改文件格式軟體 瀏覽：757
美版s7edge那個版本好 瀏覽：529
視頻隱藏在文件夾里 瀏覽：144
網路通訊基礎是什麼 瀏覽：209
辦公電腦文件管理 瀏覽：222
火化費報銷文件有哪些 瀏覽：998
大數據這本書怎麼樣 瀏覽：954
資料庫中建立索引嗎 瀏覽：550

友情鏈接