jQuery中siblings()方法的使用

最新推荐文章于 2025-06-26 11:30:12 发布

原创最新推荐文章于 2025-06-26 11:30:12 发布 · 1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

本文通过两个具体案例展示了如何使用jQuery中的选择器来修改页面元素的样式。第一个案例介绍了如何针对特定类别的元素进行样式调整；第二个案例则演示了如何排除特定类别的元素并对其余元素进行样式更改。

情况一：遍历出需要的元素
<ul>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
</ul>

<script>
$("ul li").siblings(".third-item").css('background-color', 'red');
</script>
//遍历ul标签下的li标签的所有third-item类 将之背景改为红色 siblings()中必须在类名前+"."


情况二：遍历出除这个元素以外需要的元素
<ul>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
</ul>

<script>
$('ul li.third-item').siblings().css('background-color', 'red');
</script>
//遍历ul标签下的li标签的 除所有third-item类外 将之背景改为红色