欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery 遍歷-nextUntil()方法以及prevUntil()方法的使用介紹

 更新時(shí)間：2013年04月26日 12:09:54   作者：  
本篇文章介紹了，jQuery 遍歷-nextUntil()方法以及prevUntil()方法的使用。需要的朋友參考下

nextUntil() 獲得每個(gè)元素所有跟隨的同胞元素，當(dāng)有參數(shù)時(shí)，則直到遇到該方法的參數(shù)所匹配的元素時(shí)會(huì)停止搜索。返回的新 jQuery 對(duì)象包含所有跟隨的同胞元素，但不包括被選擇器、DOM 節(jié)點(diǎn)或已傳遞的 jQuery 對(duì)象匹配的元素。如果沒有參數(shù)，則會(huì)選取所有跟隨的同胞元素，此時(shí)與.nextAll()方法相同。

語法一：

復(fù)制代碼 代碼如下:

.nextUntil(selector,filter)

語法二：
復(fù)制代碼 代碼如下:

.nextUntil(element,filter)

詳細(xì)說明
如果給定一個(gè)表示 DOM 元素集合的 jQuery 對(duì)象，.nextUntil() 方法允許我們搜索 DOM 樹中的元素跟隨的同胞元素，當(dāng)遇到被該方法的參數(shù)所匹配的元素時(shí)會(huì)停止搜索。返回的新 jQuery 對(duì)象包含所有跟隨的同胞元素，但不包含被參數(shù)匹配的元素。

如果選擇器不匹配或未規(guī)定選擇器，則會(huì)選取所有跟隨的同胞，則該方法選取的元素與 .nextAll() 方法相同。

對(duì)于 jQuery 1.6，DOM 節(jié)點(diǎn)或 jQuery 對(duì)象，而不是選擇器，可傳遞到 .nextUntil() 方法。

該方法接受可選的選擇器表達(dá)式作為其第二參數(shù)。如果指定該參數(shù)，則將通過檢測(cè)元素是否匹配該選擇器來篩選它們。

先看下例子：

復(fù)制代碼 代碼如下:

<dl>
  <dt id="term-1">term 1</dt>
  <dd>definition 1-a</dd>
  <dd class="abc">definition 1-b</dd>
  <dd>definition 1-c</dd>
  <dd>definition 1-d</dd>
  <dt id="term-2">term 2</dt>
  <dd>definition 2-a</dd>
  <dd>definition 2-b</dd>
  <dd>definition 2-c</dd>
  <dt id="term-3">term 3</dt>
  <dd>definition 3-a</dd>
  <dd>definition 3-b</dd>
</dl>

復(fù)制代碼 代碼如下:

$("#term-2").nextUntil("dt").css("background-color", "red");

結(jié)果如下：

注意：

1、不包括自己。即上面的例子中不包括#term-2本身

2、不包括參數(shù)1所匹配的元素。即頭尾去掉。

3、如果選擇器不匹配或未規(guī)定選擇器，則會(huì)選取所有跟隨的同胞；比如：

$("#term-2").nextUntil("dts").css("background-color", "red");

我把上面的選擇器由原來的dt改為dts，得到的結(jié)果如下：


復(fù)制代碼 代碼如下:

$("#term-1").nextUntil("#term-3", "dd").css("color", "blue");
//或者采用DOM元素：
//var term3 = document.getElementById("term-3");
//$("#term-1").nextUntil(term3, "dd").css("color", "blue");

$("#term-1").nextUntil("#term-3", ".abc").css("color", "blue");

結(jié)果如下：



下面看一下不提供篩選的選擇器的例子

$("#term-1").nextUntil("#term-3").css("color", "blue");

結(jié)果如下圖所示：



prevUntil()方法和nextUntil()方法差不多，區(qū)別就是一個(gè)往上，一個(gè)往下。

相關(guān)文章

最新評(píng)論