Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery nextUntil() 方法

❮ jQuery 遍历方法

示例

返回两个 <li> 元素之间所有兄弟元素,这两个 <li> 元素分别具有 "start" 和 "stop" 类名。

$(document).ready(function(){
  $("li.start").nextUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});

结果

    ul(父元素)
  • li(兄弟元素)
  • li(兄弟元素)
  • li(具有 "start" 类名的兄弟元素)
  • li(兄弟元素)
  • li(兄弟元素)
  • li(兄弟元素)
  • li(具有 "stop" 类名的兄弟元素)
亲自试一试 »

定义和用法

nextUntil() 方法返回选择器停止之间所有后续兄弟元素。

兄弟元素是指共享相同父元素的元素。

DOM 树:此方法沿着 DOM 元素的兄弟元素向前遍历。

注意:如果两个参数都为空,则此方法将返回所有后续兄弟元素(与nextAll()方法相同)。

相关方法

  • next() - 返回所选元素的下一个兄弟元素
  • nextAll() - 返回所选元素的所有后续兄弟元素


语法

$(选择器).nextUntil(停止,过滤器)

参数 描述
停止 可选。一个选择器表达式、元素或 jQuery 对象,指示在何处停止搜索后续匹配的兄弟元素
过滤器 可选。指定一个选择器表达式,以缩小在选择器停止之间搜索兄弟元素的范围

注意:要返回多个兄弟元素,请用逗号分隔每个表达式。

亲自试一试 - 示例

缩小搜索范围
使用两个参数来过滤两个参数之间后续兄弟元素的搜索。

返回多个兄弟元素
如何返回两个参数之间的多个兄弟元素。

DOM
使用 DOM 元素而不是选择器来返回两个给定参数之间的所有兄弟元素。

使用 DOM 和两个参数
使用 DOM 元素而不是选择器以及两个参数来过滤两个参数之间后续兄弟元素的搜索。


❮ jQuery 遍历方法

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.