JQuery的父、子、兄弟節點查找,節點的子節點循環

Query.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);