.not() 遍歷方法 從匹配元素集合中移除元素 :not() 選擇器 選取除了指定元素以外的所有元素。 獲取ul中除 id="unwanted" 的其他所有 li ...
.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');//無法達到預期效果