jquery 包含

jQuery 包含方法

在 jQuery 中，检查一个元素是否包含特定内容或子元素可以使用多种方法。以下是几种常见的实现方式：

检查元素是否包含特定文本

使用 :contains 选择器可以匹配包含指定文本的元素：

$("p:contains('Hello')").css("color", "red");

这会选择所有包含文本 "Hello" 的 <p> 元素并将其文字颜色设为红色。

检查元素是否包含特定子元素

使用 has() 方法可以筛选出包含特定子元素的元素：

$("div").has("p").addClass("has-paragraph");

这会为所有包含 <p> 元素的 <div> 添加 has-paragraph 类。

检查元素是否包含特定属性

使用 [attribute] 选择器可以匹配包含特定属性的元素：

$("a[href]").addClass("has-href");

这会为所有包含 href 属性的 <a> 元素添加 has-href 类。

字符串包含检查

虽然 jQuery 主要操作 DOM，但也可以结合 JavaScript 原生方法检查字符串包含关系：

使用 indexOf()

var str = "Hello world";
if (str.indexOf("world") !== -1) {
    console.log("包含");
}

使用 includes() (ES6+)

var str = "Hello world";
if (str.includes("world")) {
    console.log("包含");
}

数组包含检查

检查数组是否包含特定元素：

使用 jQuery.inArray()

var arr = [1, 2, 3];
if ($.inArray(2, arr) !== -1) {
    console.log("包含");
}

使用 includes() (ES6+)

var arr = [1, 2, 3];
if (arr.includes(2)) {
    console.log("包含");
}

注意事项

• :contains 选择器区分大小写
• has() 方法只检查直接子元素
• 现代浏览器推荐使用原生 includes() 方法而非 jQuery 方法
• 检查前确保 DOM 已完全加载，可将代码放在 $(document).ready() 中