1. 程式人生 > >3-3:contains(text)過濾選擇器

3-3:contains(text)過濾選擇器

與上一節介紹的:eq(index)選擇器按索引查詢元素相比,有時候我們可能希望按照文字內容來查詢一個或多個元素,那麼使用:contains(text)選擇器會更加方便, 它的功能是選擇包含指定字串的全部元素,它通常與其他元素結合使用,獲取包含“text”字串內容的全部元素物件。其中引數text表示頁面中的文字。

例如:

在瀏覽器中顯示的效果:

從圖中可以看出,呼叫li:contains('土豪')程式碼,可以很方便地獲取<li>中包含‘土豪’字元內容的全部元素,並且只要與選擇的元素中或子元素中包含該字元內容,就可以被選中。

注意:li:contains('土豪')

 土豪為什麼必須加單引號呢?因為它是一個字串,而不是一個變數,所以不加單或雙引號的話是會報錯的。