JQuery的父、子、兄弟節點查詢,節點的子節點迴圈
阿新 • • 發佈:2018-12-06
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); 複製程式碼