JQuery 获取除某指定对象外的其他对象 :not() 与.not()

最新推荐文章于 2019-05-17 14:35:52 发布

转载最新推荐文章于 2019-05-17 14:35:52 发布 · 389 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/cmnull/p/9761636.html

文章标签：

#javascript #ViewUI

本文详细介绍了jQuery中使用:not()选择器和not()、siblings()遍历方法来排除特定元素并选择其余元素的方法。通过实例展示了如何从匹配元素集合中移除一个或多个指定元素，适用于单个及多个对象的排除场景。

.not()	遍历方法	从匹配元素集合中移除元素
:not()	选择器	选取除了指定元素以外的所有元素
.siblings()	遍历方法	返回被选元素的所有同级元素

需排除对象单数个（1个）

获取ul中除 id="unwanted" 的其他所有 li

1 <ul>
2   <li>list item 1</li>
3   <li>list item 2</li>
4   <li id="unwanted">list item 3</li>
5   <li>list item 4</li>
6   <li>list item 5</li>
7 </ul>

1    $('li:not(#unwanted)').css('background', 'red');
2 
3    $('li').not('#unwanted').css('background', 'red');
4 
5 　 $('#unwanted').siblings().css('background', 'red');

需排除对象复数个（大于1个）

获取ul中除 class="unwanted" 的其他所有 li

1 <ul>
2   <li class="unwanted">list item 1</li>
3   <li>list item 2</li>
4   <li class="unwanted">list item 3</li>
5   <li>list item 4</li>
6   <li>list item 5</li>
7 </ul>

1     $('li:not(.unwanted)').css('background', 'red');
2 
3     $('li').not('.unwanted').css('background', 'red');
4 
5     $('.unwanted').siblings().css('background', 'red');//无法达到预期效果

转载于:https://www.cnblogs.com/cmnull/p/9761636.html