jQuery | contains() 方法

jQuery contains() 方法用于选择指定元素中包含指定文本内容的子元素。

语法

$(selector).contains(searchText);

参数说明：

• selector：必需，一个jQuery选择器，用于选择要搜索的元素。
• searchText：必需，要搜索的文本内容。

返回值

包含指定文本内容的子元素。

实例

假设我们有下面的 HTML 代码：

<div class="container">
  <p>这是第一段文本。</p>
  <p>这是第二段文本。</p>
  <p>这是第三段文本。</p>
</div>

现在我们想选择包含 "第二" 文本的段落元素。可以使用如下代码：

$('.container').find('p:contains("第二")');

这将返回一个 jQuery 对象，其中包含一个 p 元素，内容为 "这是第二段文本。"。

注意事项

• contains() 方法是区分大小写的。

• 如果只想选择完全匹配文本内容的元素，可以使用 filter() 方法或传递一个正则表达式作为参数。例如，要选择内容为 "第二" 的段落元素，可以使用下面的代码：

  $('.container').find('p').filter(function() {
    return $(this).text() === '这是第二段文本。';
  });
  

  或者

  $('.container').find('p').filter(/^这是第二段文本。$/);
  

  这两种方法都将返回一个 jQuery 对象，其中包含一个 p 元素，内容为 "这是第二段文本。"。

• 如果要选择包含指定文本内容的父元素，可以使用 parent() 或 closest() 方法。例如，要选择包含 "第二" 文本的段落元素的父元素，可以使用下面的代码：

  $('.container').find('p:contains("第二")').parent();
  

  或者

  $('.container').find('p:contains("第二")').closest('.container');
  

  这两种方法都将返回一个 jQuery 对象，其中包含一个 div 元素，它是包含 "第二" 文本的段落元素的父元素。