jQuery :has(selector)_给所有包含p元素的div元素添加一个text类

最新推荐文章于 2025-10-16 16:32:01 发布

原创最新推荐文章于 2025-10-16 16:32:01 发布 · 987 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

41 篇文章

订阅专栏

jQuery

21 篇文章

订阅专栏

本文通过一个简单的HTML页面示例展示了如何使用jQuery的:has(selector)选择器来为包含特定元素的父元素添加样式。该选择器能有效地帮助开发者定位到包含指定子元素的父元素。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>:has(selector)</title>
</head>
	<style>
		.test {
			width:300px;
			height:300px;
			background-color:lightgreen;
			margin:20px auto;
		}
	</style>
	<script src="jquery-3.1.1.js">
	</script>
<body>
	<!--:匹配含有选择器所匹配的元素的元素
	-->
	<div><p>Hello</p></div>
	<div>Hello again!</div>
</body>
<script type="text/javascript">
	$('div:has(p)').addClass('test');
</script>
</html>