jQuery通过属性删除父div

最新推荐文章于 2023-11-14 09:44:24 发布

weixin_33701617

最新推荐文章于 2023-11-14 09:44:24 发布

阅读量383

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/L110/blog/733615

本文通过一个简单的HTML页面展示了如何使用jQuery来实现元素间的交互。点击特定按钮后，页面上显示的数字将被移除，展示了基本的DOM操作及事件绑定技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<div id="Date_con" class="perDate_con">
			<div class="list" style="cursor: pointer;">
				<div class="list-1">
					<div class="list-2" data-id="1" style="cursor: pointer;">
						点击我，全部消失
					</div>
				</div>
			</div>
			<div class="list_On" data-id="2">2</div>
			<div class="list_On" data-id="3">3</div>
			<div class="list_On" data-id="4">4</div>
		</div>
	</body>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
	<script>
		var url = $('.list-2').attr('data-id');
		$('.list').click(function() {
			$('[data-id=' + url + ']').parent().parent().parent().remove();
		})
	</script>

</html>

转载于:https://my.oschina.net/L110/blog/733615