1. 程式人生 > >JQuery的父、子、兄弟節點查詢,節點的子節點迴圈

JQuery的父、子、兄弟節點查詢,節點的子節點迴圈

jQuery.parent(expr)           //找父元素

jQuery.parents(expr)          //找到所有祖先元素,不限於父元素

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

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

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

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

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

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

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

jQuery.find(expr)            //跟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

})

 

$("button").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
});
$("#ID >div").each(function(){
          alert($(this).attr("id"));  //列印子div的ID
});
迴圈id為plan_value下的所有input標籤,當標籤型別為隱藏標籤時獲取下一個標籤並對它們的值進行操作

複製程式碼
var plan_value_str = "";
                    $("#plan_value >input").each(function(){
                         if($(this).attr("type")=="hidden"){
                              if(plan_value_str == ""){
                                  plan_value_str = $(this).attr("value")+"-"+$(this).next().attr("value");
                              }else{
                                  plan_value_str = plan_value_str+";"+$(this).attr("value")+"-"+$(this).next().attr("value");
                              }
                         }
                    }) 
                    $("#plan_value_str").val(plan_value_str);
複製程式碼