jquery中的contains

在 jQuery 中，`contains` 是用于查找包含指定文本的元素的选择器。它可以在匹配的元素集合中查找包含指定文本的元素，并返回一个新的元素集合，其中包含了所有匹配的元素。

`contains` 选择器的语法如下：

$(":contains(text)")

其中，`text` 参数是要查找的文本。这个参数可以是一个字符串，也可以是一个变量或表达式。

下面是一个例子，展示了如何使用 `contains` 选择器来查找包含指定文本的元素：

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橙子</li>
  <li>梨</li>
  <li>葡萄</li>
</ul>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    var $matches = $('li:contains("橙子")');
    $matches.css('color', 'red');
  });
</script>

在上面的例子中，我们首先使用 `$` 函数来选择一个包含若干水果名称的无序列表元素，然后使用 `:contains` 选择器来查找包含文本 `"橙子"` 的元素。最后，我们将所有匹配的元素的颜色设置为红色。

需要注意的是，`contains` 选择器会查找所有包含指定文本的元素，即使这个文本是这个元素的子元素或后代元素的一部分。如果只想查找包含指定文本的元素本身，可以使用 `filter` 方法来过滤元素集合。例如，可以使用下面的代码来查找包含完整文本 `"橙子"` 的元素：

var $matches = $('li').filter(function() {
  return $(this).text() === '橙子';
});

这样就可以只查找包含完整文本的元素了。