今天我們來講講 jQuery 中的一個妙用函數,叫做 contains(),它可以用來查找 DOM 樹中包含了指定文本的元素。
不過,這個函數還有一個反函數,叫做 :not()。它的作用和 contains() 相反,可以用來查找 DOM 樹中不包含指定文本的元素。
$('p:not(:contains("關鍵字"))');
這段代碼的意思是:選取所有 p 元素,但不包含關鍵字的 p 元素。
使用 :not() 函數的好處就是可以避免使用很多個 contains() 函數進行篩選,提高代碼的簡潔度。
$(':not(input)').addClass('red');
這段代碼的意思是:選取所有非 input 元素,然后添加一個紅色樣式類。
總的來說,:not() 函數非常實用,在你需要排除某些元素的時候可以幫你快速篩選出需要的元素。
下一篇前端css代碼資源