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 prevUntil() 方法

❮ jQuery 遍历方法

示例

返回两个 <li> 元素(类名为 "start" 和 "stop")之间的所有同胞元素

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

结果

    ul (父元素)
  • li (类名为 "stop" 的同胞元素)
  • li (同胞元素)
  • li (同胞元素)
  • li (同胞元素)
  • li (类名为 "start" 的同胞元素)
  • li (同胞元素)
  • li (同胞元素)
亲自试一试 »

定义和用法

prevUntil() 方法返回 选择器停止 之间的所有前置同胞元素。

同胞元素是指共享相同父元素的元素。

DOM 树:此方法沿 DOM 元素的同胞元素向后遍历。

注意:如果两个参数都为空,则此方法将返回所有前置同胞元素(与 prevAll() 方法相同)。

相关方法

  • prev() -  返回所选元素的前一个同胞元素
  • prevAll() -  返回所选元素的所有前置同胞元素


语法

$(selector).prevUntil(stop,filter)

参数 描述
stop 可选。一个选择器表达式、元素或 jQuery 对象,指示在何处停止搜索前置匹配的同胞元素
filter 可选。指定一个选择器表达式,以缩小 选择器停止 之间同胞元素的搜索范围

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

亲自试一试 - 示例

缩小搜索范围
使用两个参数来筛选两个参数之间前置同胞元素的搜索结果。

返回多个同胞元素
如何返回两个参数之间的多个同胞元素。

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.