jQuery中的遍歷

jQuery中的遍歷

向下遍歷

1. childen(可選參數）
   • 只能遍歷他的下一級（兒子輩）

(" #dv ").childen(" li ")

2. find(必選參數）
   • 能夠找到任意一級參數

$(" #dv ").find(" li ")

向上遍歷

1. parent(可選參數）
   • 只能遍歷他的上一級（父輩）

$(" #dv ").parent()

2. parents(）
   • 向上遍歷全部的元素

$(" #dv ").parents()

3. parentUntil(）
   • 向上在一個區間內遍歷全部的元素

向上遍歷a標籤到div標籤之間的全部元素 $(" a ").parentUntil("div")

同級遍歷

1.next();

• 獲取的是當前元素的下一個兄弟元素

$(this).next().css("backgroundColor","green");

2.nextAll();

• 獲取的是當前元素的後面的全部的兄弟元素

$(this).nextAll().css("backgroundColor","green");

3.nextUntil();

• 同級元素下面元素的一個區間

同級遍歷 li1 標籤到 li2 標籤之間的全部元素 $("# li1 ").nextUntil("# li2")

4.prev();

• 獲取的是當前元素的前一個兄弟元素

$(this).prev().css("backgroundColor","green");

5.prevAll();

• 獲取的是當前元素的前面的全部的兄弟元素

$(this).prevAll().css("backgroundColor","green");

6.prevUntil();

• 同級元素上面面元素的一個區間

同級遍歷 li1 標籤到 li2 標籤之間的全部元素 $("# li1 ").prevUntil("# li2")

7.siblings();

• 獲取的是當前元素的全部的兄弟元素(本身除外)

$(this).siblings().css("backgroundColor","green");

過濾效果

1.first();

• 第一個符合條件的元素

得到第一個p標籤元素 $(「div p」).first();

2.last();

• 最後一個符合條件的元素

得到最後一個p標籤元素 $(「div p」).last();

3.eq(index);

• 指定第幾個標籤元素
• 下標從 0開始

得到第四個p標籤元素 $(「div p」).eq(3);

4.filter();

• 過濾留下特定的

過濾全部不是 cls樣式的標籤元素 $(this).filter(".cls");

5.not();

• 過濾掉指定的

過濾全部是 cls樣式的標籤元素 $(this).not(".cls");

each()方法的使用

• each：迭代方法（循環）
  • 參數1：索引
  • 參數2：對象

$("#uu>li").each(function (index,element) {
   //第一個參數是索引,第二個參數是對象
   $(element).css("opacity",(index+1)/10);
});
複製代碼