JQuery是一個非常流行的JavaScript庫,它提供了很多有價值且易于使用的功能。其中之一是contains(),它用于查找元素中包含特定文本的子元素。這個函數可以在網頁開發中非常有用,特別是在處理一些大量文本的網頁時。
contains()函數可以幫助我們在DOM元素中查找特定的文本。它接受一個參數來表示要查找的文本,然后返回包含該文本的元素。如果沒有找到匹配的元素,則返回一個空的jQuery對象。contains()函數不區分大小寫,因此不必擔心大小寫問題。
下面是一個使用contains()函數的簡單例子:
<div id="mydiv"> <p>這是第一段話。</p> <p>這是第二段話。</p> <p>這是第三段話。</p> </div> <script> var mytext = "第二段"; var myelement = $("#mydiv:contains('" + mytext + "')"); myelement.css("color", "red"); </script>
在這個例子中,我們首先定義了一個字符串mytext,它包含要查找的文本。然后我們使用contains()函數來查找包含該文本的元素。我們將查找限制在id為mydiv的div中,并且將查找的文本放在單引號之間。如果該元素存在,我們改變其顏色為紅色。
值得注意的是,contains()函數只查找包含指定文本的元素,而不是完全匹配。如果你想完全匹配,需要使用filter()函數來篩選元素,如下所示:
var myelement = $("#mydiv p").filter(function() { return $(this).text() === mytext; });
雖然使用contains()函數很容易,但這種方法通常不夠精確。如果你需要更精確的查找,請使用filter()函數。