1. 程式人生 > >jquery多種遍歷方法

jquery多種遍歷方法

prev() 

prev() 獲得匹配元素集合中每個元素緊鄰的前一個同胞元素,可使用選擇器進行篩選。

$("p").prev()//獲得"p"前一個元素

next()

next() 獲得匹配元素集合中每個元素緊鄰的同胞元素。如果提供選擇器,則取回匹配該選擇器的

下一個同胞元素。

$("p").next()//獲得"p"後一個元素

siblings()

siblings() 獲得匹配集合中每個元素的同胞,可使用選擇器進行篩選。

$("p").siblings(".wanglichuan")//查詢每個 p 元素的所有類名為 "wanglichuan"的所有同胞元素

parent() 

parent() 獲得當前匹配元素集合中每個元素的父元素,可使用選擇器進行篩選。

$("p").parent(".selected")//查詢每個段落的帶有 "wanglichuan" 類的父元素

children()

children() 方法返回匹配元素集合中每個元素的子元素,可使用選擇器進行篩選。

$("div").children(".wanglichuan")//找到類名為 "wanglichuan" 的所有 div 的子元素

find()和children()對比

區別:1、children方法獲得的僅僅是元素一下級的子元素,find方法獲得所有下級元素(childre它是獲得匹配元素集合中每個元素的所有子元素(不包括自己,只能在兒子輩(第一層)查詢。find()除了兒子輩,還包括孫子輩,即只要是它的後代就行。)

2、children方法的引數selector 是可選的,用來過濾子元素,但find方法的引數selector方法是必選的。 

each()

each() 方法迴圈的匹配元素。

$("p").each(function(){

    alert("wanglichuan")

  });//迴圈每一個p元素

eq() 

eq() 方法將匹配元素集縮減值指定 index 上的一個。

$("body").find("div").eq(3)//選擇index為3的div