[分享]揭秘jQuery .contains：轻松实现元素内容匹配的神奇技巧

$(document).ready(function() { $("ul li:contains('Banana')").css("color", "red");
});

运行这段代码后，包含文本 “Banana” 的

深入探讨

1. 匹配属性值

除了匹配文本内容，.contains() 还可以匹配属性值。以下是一个示例：

如果你想要选择包含属性值 “Hello World” 的 元素，你可以使用以下代码：

$(document).ready(function() { $("input:contains('Hello World')").val("New Value");
});

运行这段代码后，属性值为 “Hello World” 的 元素的值将被替换为 “New Value”。

2. 匹配 CSS 类

.contains() 选择器也可以用来匹配包含特定 CSS 类的元素。以下是一个示例：

 
This is a text

如果你想要选择包含 CSS 类 “text” 的

元素，你可以使用以下代码：

$(document).ready(function() { $("div .contains(text)").css("background-color", "yellow");
});

运行这段代码后，包含 CSS 类 “text” 的

元素将会被黄色背景突出显示。

总结

.contains() 是一个非常有用的 jQuery 选择器，它允许你根据元素内容进行精确匹配。通过本文的介绍，你应该已经了解了 .contains() 的基本用法和高级特性。在实际开发中，.contains() 选择器可以帮助你更高效地处理各种元素内容匹配的需求。