jQuery :contains 匹配包含给定文本的元素

最新推荐文章于 2023-03-13 15:28:59 发布

原创最新推荐文章于 2023-03-13 15:28:59 发布 · 6.9k 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

41 篇文章

订阅专栏

jQuery

21 篇文章

订阅专栏

本文介绍了一种使用jQuery选择器:contains()来查找并高亮显示页面中包含特定文本（如“John”）的所有div元素的方法。通过简单的示例展示了如何快速定位并样式化匹配到的元素。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>:contains(text)</title>
</head>
	<script src="jquery-3.1.1.js">
	</script>
<body>
	<!--:contains匹配包含给定文本的元素
		查找所有包含"John"的div元素
	-->
	<div>John Resig</div>
	<div>George Martin</div>
	<div>Malcom John Sinclair</div>
	<div>J. Ohn</div>
</body>
<script type="text/javascript">
	$("div:contains('John')").css('background','lightgreen');
</script>
</html>