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

一, js 獲取元素(父節點,子節點,兄弟節點)

var test = document.getelementbyid("test");
var parent = test.parentnode; // 父節點
var chils = test.childnodes; // 全部子節點
var first = test.firstchild; // 第乙個子節點
var last = test.lastchile; // 最後乙個子節點　
var previous = test.previoussibling; // 上乙個兄弟節點
var next = test.nextsibling; // 下乙個兄弟節點
二, jquery 獲取元素(父節點,子節點,兄弟節點)

$("#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");

三, 元素篩選

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

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

test1 parent 父節點 test1 parents 全部父節點 test1 parents mui content 返回class為mui content的父節點 test1 children 全部子節點 test1 children test1 返回id為test1的子節點 test1 ...

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...