jquery 獲取元素 父節點,子節點,兄弟節點

$("#test1").parent(); // 父節點

$("#test1").parents(); // 全部父節點
$("#test1").parents(".mui-content");//返回class為mui-content的父節點
$("#test1").children(); // 全部子節點
$("#test1").children("#test1"); //返回id為test1的子節點
$("#test1").contents(); // 返回id為test裡面的所有內容，包括節點和文字
$("#test1").contents("#test1"); //返回id為test裡面的id為#test1的節點和文字
$("#test1").prev(); // 上乙個兄弟節點
$("#test1").prevall(); // 之前所有兄弟節點
$("#test1").next(); // 下乙個兄弟節點
$("#test1").nextall(); // 之後所有兄弟節點
$("#test1").siblings(); // 所有兄弟節點
$("#test1").siblings("#test2"); //返回id為test2的兄弟節點
$("#test").find("#test1"); 選中id為test後代中 id為test1的節點

上面的方法 返回的是jquery 集合 需要繼續用jq的方法操作或取值

如果想要轉為dom 直接操作的只需要 取它的下標即可

如: $("#test1").parent()[0] 返回的就是dom節點

jquery 獲取元素 父節點,子節點,兄弟節點

一,js 獲取元素 父節點,子節點,兄弟節點 var test document.getelementbyid test var parent test.parentnode 父節點 var chils test.childnodes 全部子節點 var first test.firstchild ...

jquery 獲取元素 父節點,子節點,兄弟節點

費話不多說,直接上 jquery 獲取元素 1 test1 parent 父節點2 test1 parents 全部父節點 3 test1 parents mui content 返回class為mui content的父節點 4 test1 children 全部子節點 5 test1 child...

jquery獲取父節點 子節點 兄弟節點

test parent expr 找父親節點，可以傳入expr進行過濾，比如 span parent 或者 span parent class test parents expr 類似於jquery.parents expr 但是是查詢所有祖先元素，不限於父元素 test children expr...