jQuery | contains() 方法

jQuery contains() 方法用于检查选择器中的元素是否包含指定的文本内容。

语法

$(selector).contains(text)

参数:

• selector: 必需，规定要检查的元素。
• text: 必需，规定元素要包含的文本。

实例

比如我们有一个列表，列表项中包含不同的颜色名称，我们可以使用contains()方法来查找其中包含特定颜色名称的项：

<ul>
  <li>红色</li>
  <li>橙色</li>
  <li>黄色</li>
  <li>绿色</li>
  <li>蓝色</li>
  <li>紫色</li>
</ul>

$(document).ready(function(){
  // 查找包含“红色”的列表项
  $("li:contains('红色')").css("color", "red");
});

运行结果：

从上面的例子中可以看到，contains()方法被用来查找当前页面中包含特定颜色名称的列表项，然后将它们标记为红色。

注意点

• contains()方法是区分大小写的。如果在文本中包含大写字母，必须指定相应的字母才能进行匹配。
• 该方法也可以用于文本输入框和文本区域等表单元素。

结束语

jQuery contains()方法是一个非常实用的工具，可以帮助我们很快地定位DOM元素，以便对其进行操作。在实际开发中，我们可以使用contains()方法来极大地提高自身的工作效率。