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

❮ jQuery 遍历方法

示例

返回每个具有类名“start”的<li>元素的所有同胞元素

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

结果

    ul (父元素)
  • li (同胞元素)
  • li (同胞元素)
  • li (具有类名“start”的同胞元素)
  • li (同胞元素)
  • li (同胞元素)
亲自试一试 »

定义和用法

siblings() 方法返回所选元素的所有同胞元素。

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

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

提示:使用 prev()next() 方法缩小搜索范围,仅查找前一个或下一个同胞元素。


语法

$(选择器).siblings(过滤器)

参数 描述
过滤器 可选。指定一个选择器表达式以缩小对同胞元素的搜索范围

亲自试一试 - 示例

缩小搜索范围
如何使用这两个参数来过滤对同胞元素的搜索。

选择每个<div>元素的所有同胞<p>元素
如何缩小对每个<div>元素的所有同胞<p>元素的搜索范围。


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