在 jQuery 中,選擇除了自己的其他元素是一項非常基礎但實用的技能。下面我們來介紹一些方法。
$(this).siblings()
siblings() 方法可以選取除了當前元素外的所有兄弟元素。比如,我們可以通過以下代碼選中除了當前元素以外的所有同級元素:
$(this).siblings().addClass('active');
這段代碼會將所有同級元素的 class 屬性設置為“active”,除了當前元素。
$(this).parent().children().not($(this))
not() 方法可以從集合中刪除某些元素。我們可以通過 parent() 方法獲取當前元素的父元素,然后使用 children() 方法獲取父元素的所有子元素。接著,我們可以使用 not() 方法將當前元素從子元素中移除:
$(this).parent().children().not($(this)).addClass('active');
這段代碼會選中除了當前元素以外的所有子元素,并將它們的 class 屬性設置為“active”。
$('*').click(function () { $('*', this).toggleClass('active'); });
最后,我們介紹一個比較有趣的方法。這段代碼可以讓任何元素被點擊后,選中除了自己以外的所有元素:
$('*').click(function () { $('*', this).toggleClass('active'); });
這段代碼中,我們先使用 $('*') 選中頁面上的所有元素。然后,我們給每個元素添加一個 click 事件,在事件處理函數中,使用 $('*', this) 獲取當前元素的所有兄弟和子孫元素,接著使用 toggleClass() 方法將它們的 class 屬性切換到“active”狀態。
以上就是三種常用的選擇除了自己的其他元素的方法。希望對你有所幫助!