jQuery :contains() 选择器

jQuery 中的 :contains() 选择器用于选择包含指定字符串的元素。匹配的字符串可以直接出现在选定的元素中，也可以出现在该元素的后代元素中。

这个 :contains() 选择器通常与其他选择器结合使用，以选择包含特定文本的元素组。

语法

此选择器接受一个参数，定义如下：

参数值

text: 上述语法中的 text 指定了要查找的文本。它是必填参数。它是区分大小写的。

如上文语法所示，我们将 text 写成了裸单词，但它也可以用引号括起来。

让我们通过一个示例来理解 :contains() 选择器的工作原理。

示例

在此示例中，我们将 :contains() 选择器应用于 h3 标题元素。该选择器将仅选择包含文本 "This" 的 h3 元素。这是因为我们将文本 "This" 作为 :contains() 选择器的参数传递。

如上所述，该方法是区分大小写的，因此它只会选择与指定字符串匹配的元素。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -