JQuery 獲取除某指定對象外的其他對象 :not() 與.not()

 

.not()	遍歷方法	從匹配元素集合中移除元素
:not()	選擇器	選取除了指定元素以外的所有元素
.siblings()	遍歷方法	返回被選元素的所有同級元素

 

 

 

 

 

需排除對象單數個（1個）

 

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

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

   $('li:not(#unwanted)').css('background', 'red');

   $('li').not('#unwanted').css('background', 'red');

　 $('#unwanted').siblings().css('background', 'red');

 

需排除對象復數個（大於1個） 

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

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

    $('li:not(.unwanted)').css('background', 'red');

    $('li').not('.unwanted').css('background', 'red');

    $('.unwanted').siblings().css('background', 'red');//無法達到預期效果