jQuery通过属性删除父div

最新推荐文章于 2020-11-29 03:08:06 发布

weixin_33701617

最新推荐文章于 2020-11-29 03:08:06 发布

阅读量335

点赞数 1

文章标签： javascript ViewUI

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

版权

为什么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