jQuery | :contains() 选择器

在jQuery中，:contains()选择器可以选择所有包含指定文本的元素。

语法

:contains(text)

• text: 必需，用于指定包含文本的字符串。

示例

假设我们有如下HTML代码：

<div>
    <p>这是第一段文本。</p>
    <p>这是第二段文本。</p>
    <p>这是第三段文本。</p>
</div>

要选择所有包含“第二”文本的<p>元素，我们可以使用以下代码：

$("p:contains('第二')")

这将返回以下结果：

<p>这是第二段文本。</p>

注意事项

• :contains()选择器不区分大小写。
• 该选择器会选择包含指定文本的所有元素，不仅限于文本节点。
• 如果选中的元素的子元素也包含指定文本，则同样会被选中。

总结

:contains()选择器可以根据指定的文本字符串来选择元素。它是jQuery中非常实用的一个选择器，可以用于各种场景，例如在一个长列表中选择符合条件的元素。需要注意的是，当元素的文本内容包含了指定的字符串时，该元素就会被选中，这会有一定的局限性。