1. 程式人生 > >JQ 獲取祖、父、兄、子節點方法

JQ 獲取祖、父、兄、子節點方法

$.parent("div")           //找父元素

$.parents("div")          //找到所有祖先元素,不限於父元素

$.children("div")        //查詢所有子元素,只會找到直接的孩子節點,不會返回所有子孫

$.contents("div")            //查詢下面的所有內容,包括節點和文字。

$.prev("div")                //查詢上一個兄弟節點,不是所有的兄弟節點

$.prevAll("div")             //查詢所有之前的兄弟節點

$.next("div")                //查詢下一個兄弟節點,不是所有的兄弟節點

$.nextAll("div")             //查詢所有之後的兄弟節點

$.siblings("div")            //查詢兄弟節點,不分前後

$.find("div")            //跟jQuery.filter(expr)完全不一樣,jQuery.filter(expr)是從初始的

                          jQuery物件集合中篩選出一部分,而jQuery.find()的返回結果,不會有初始集中

                          篩選出一部分,而jQuery.find()的返回結果,不會有初始集合中的內容,比如:

                          $("p").find("span")是從元素開始找,等於$("p span")

在jquery 中我們可以選擇$().each() 與 $.each() 進行迭代物件和陣列

$(items).each(function(){

     //item

})   ,

而後者則

  $.each(items,function(i,item){

//write your code

})