jQuery中的contains()方法可以用來查找指定元素中的包含指定文本的子元素。當然,我們可以通過該方法來查找多個滿足條件的子元素,并計算其數量。下面是一個示例:
var count = $("div:contains('hello')").length; //查找頁面中所有包含“hello”的div元素,返回元素數量
上述代碼中,我們使用了選擇器來定位頁面中所有包含指定文本“hello”的div元素。contains()方法返回一個jQuery對象,調用其length屬性即可獲取該對象的元素數量。因此,變量count的值就是“hello”文本出現在頁面中所有div元素的數量。
需要注意的是,contains()方法是區分大小寫的。如果要忽略大小寫,可以使用JavaScript中的正則表達式(RegExp)來實現。
var count = $("div").filter(function() { //篩選頁面中所有div元素 return /hello/i.test($(this).text()); //匹配文本,忽略大小寫 }).length; //返回滿足條件的元素數量
上述代碼中,我們使用了filter()方法來篩選所有div元素,并用正則表達式匹配其文本內容。由于正則表達式中使用了“i”修飾符,因此匹配時會忽略大小寫。最后,調用length屬性獲取滿足條件的元素數量。