獲取元素節點

1.獲取元素節點

JS中：

childNodes返回的值除了a的子元素，同時也會返回換行等“無用”元素

nodeNames可以得到一個節點的節點類型；/\s/是JS中非空字符的正則表達式；nodeValue會返回節點的值；

var chils= s.childNodes;  //得到s的全部子節點

var par=s.parentNode;   //得到s的父節點

var ns=s.nextSbiling;   //獲得s的下一個兄弟節點

var ps=s.previousSbiling;  //得到s的上一個兄弟節點

var fc=s.firstChild;   //獲得s的第一個子節點

var lc=s.lastChile;   //獲得s的最後一個子節點

 

JQ中：

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

$("#test1").parents(); // 全部父節點

$("#test1").parents(".test");

$("#test").children(); // 全部子節點

$("#test").children("#test1");

$("#test").contents(); // 返回#test裏面的所有內容，包括節點和文本

$("#test").contents("#test1");

$("#test1").prev(); // 上一個兄弟節點

$("#test1").prevAll(); // 之前所有兄弟節點

$("#test1").next(); // 下一個兄弟節點

$("#test1").nextAll(); // 之後所有兄弟節點

$("#test1").siblings(); // 所有兄弟節點

$("#test1").siblings("#test2");

$("#tes").find("#test");

 

 

2.元素篩選

 

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