jQuery contains() 方法是一種非常有用的篩選器,可以用于篩選一組符合指定字符和字符串的元素。該方法的語法非常簡單:
$(selector).contains(text)
其中,selector 是需要篩選的元素集合,text 是需要篩選的文本字符串。
在使用 contains() 方法時,需要注意以下幾點:
- contains() 方法僅適用于包含文本內容的元素,例如 <p>、<h1>、<a> 等。
- contains() 方法對大小寫敏感,需要嚴格區分大小寫。
- contains() 方法將匹配一個完整的字符串,而不是部分字符串。
- 如果存在多個文本匹配項,則將返回匹配到的第一個元素。
下面是一個簡單的例子,演示了如何使用 contains() 方法篩選包含指定文本的元素:
<html> <head> <script src="jquery.js"></script> <script> $(document).ready(function(){ $("p:contains('Hello')").css("background-color", "yellow"); }); </script> </head> <body> <p>Hello World!</p> <p>Goodbye World!</p> <p>Hello jQuery!</p> <p>Goodbye jQuery!</p> </body> </html>
上面的例子會選中所有包含文本 "Hello" 的 <p> 元素,并將它們的背景色改為黃色。