国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 22:46:05
字體:
來源:轉載
供稿:網友

nextUntil() 獲得每個元素所有跟隨的同胞元素,當有參數時,則直到遇到該方法的參數所匹配的元素時會停止搜索。返回的新 jQuery 對象包含所有跟隨的同胞元素,但不包括被選擇器、DOM 節點或已傳遞的 jQuery 對象匹配的元素。如果沒有參數,則會選取所有跟隨的同胞元素,此時與.nextAll()方法相同。

語法一:

復制代碼 代碼如下:

.nextUntil(selector,filter)

語法二:
復制代碼 代碼如下:

.nextUntil(element,filter)

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

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

對于 jQuery 1.6,DOM 節點或 jQuery 對象,而不是選擇器,可傳遞到 .nextUntil() 方法。

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

先看下例子:

復制代碼 代碼如下:

<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>

復制代碼 代碼如下:

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

結果如下:

注意:

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

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

3、如果選擇器不匹配或未規定選擇器,則會選取所有跟隨的同胞;比如:

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

我把上面的選擇器由原來的dt改為dts,得到的結果如下:


復制代碼 代碼如下:

$("#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");

結果如下:



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

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

結果如下圖所示:



prevUntil()方法和nextUntil()方法差不多,區別就是一個往上,一個往下。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 蒙阴县| 铜山县| 色达县| 呼伦贝尔市| 吉木乃县| 黄石市| 陆良县| 柳林县| 阳曲县| 长垣县| 苏尼特左旗| 虎林市| 宿迁市| 保亭| 林西县| 赣榆县| 平潭县| 周至县| 定远县| 七台河市| 大关县| 长白| 白水县| 广东省| 安福县| 收藏| 黄石市| 新和县| 双鸭山市| 祥云县| 东阳市| 平武县| 赤城县| 通河县| 高淳县| 云南省| 兰考县| 布尔津县| 寻乌县| 新巴尔虎左旗| 武鸣县|