費話不多說,直接上**
jquery 獲取元素
1 $("#test1").parent(); //
父節點2 $("#test1").parents(); //
全部父節點
3 $("#test1").parents(".mui-content");//
返回class為mui-content的父節點
4 $("#test1").children(); //
全部子節點
5 $("#test1").children("#test1"); //
返回id為test1的子節點
6 $("#test1").contents(); //
返回id為test裡面的所有內容，包括節點和文字
7 $("#test1").contents("#test1"); //
返回id為test裡面的id為#test1的節點和文字
8 $("#test1").prev(); //
上乙個兄弟節點
9 $("#test1").prevall(); //
之前所有兄弟節點
10 $("#test1").next(); //
下乙個兄弟節點
11 $("#test1").nextall(); //
之後所有兄弟節點
12 $("#test1").siblings(); //
所有兄弟節點
13 $("#test1").siblings("#test2"); //
返回id為test2的兄弟節點
14 $("#test").find("#test1"); 選中id為test後代中 id為test1的節點
注意上面的方法 返回的是jquery 集合 需要繼續用jq的方法操作或取值
如果想要轉為dom 直接操作的只需要 取它的下標即可
如: $("#test1").parent()[0] 返回的就是dom節點
jquery 獲取元素 父節點,子節點,兄弟節點
test1 parent 父節點 test1 parents 全部父節點 test1 parents mui content 返回class為mui content的父節點 test1 children 全部子節點 test1 children test1 返回id為test1的子節點 test1 ...
jquery 獲取元素 父節點,子節點,兄弟節點
一,js 獲取元素 父節點,子節點,兄弟節點 var test document.getelementbyid test var parent test.parentnode 父節點 var chils test.childnodes 全部子節點 var first test.firstchild ...
jquery獲取父節點 子節點 兄弟節點
test parent expr 找父親節點，可以傳入expr進行過濾，比如 span parent 或者 span parent class test parents expr 類似於jquery.parents expr 但是是查詢所有祖先元素，不限於父元素 test children expr...