jquery siblings()获取同辈元素

最新推荐文章于 2025-09-12 16:56:45 发布

转载最新推荐文章于 2025-09-12 16:56:45 发布 · 124 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jackychua/archive/2013/04/06/3001963.html

文章标签：

#javascript #ViewUI

本文介绍如何使用jQuery选择器和CSS方法来实现当点击列表项时改变其兄弟元素的颜色。通过简单的示例代码展示了如何利用siblings()方法来操作DOM元素。

例子：
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>

$(document).ready(function{
$('ul li').click(function(){
$(this).siblings().css({color:'red'});
});
});

siblings:获取当前的同辈元素集合，然后设置其颜色为red

记录交流，如有错误，请指正！