Jquery:当一个元素在其他元素中时，如何隐藏它？
Jquery:当一个元素在其他元素中时，如何隐藏它？
提问于 2019-10-16 12:43:58
如何通过点击包含在"cube-2“中的" click -me”来隐藏"cube-2"？我做了一个事件，但是它删除了我所有的cube-2，我想一个接一个地隐藏cube-2。有人能解决这个问题吗？请帮帮我。
$('.cube-1').click(function name(params) {
$('.cube-1').append('<div class="cube-2"><div class="click-me">click me to hide this cube</div></div>');
// how to add event click on "click-me" to hide "cube-2"??
}).cube-1 {
width: 100px;
height: 100px;
float: left;
background: blue;
}
.cube-2 {
margin-left: 100px;
width: 100px;
height: 100px;
float: left;
background: red;
}
.click-me {
width: 100%;
height: 50px;
background: white;
}<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
</head>
<div class="cube-1"></div>
</html>
回答 5
Stack Overflow用户
回答已采纳
发布于 2019-10-16 13:58:28
您可以添加一个Id到您的cube-2 div和它对应的click-me锚标签，并且只删除具有该id的div。
您可能还想检查Template string
$('.cube-1').click(function name(e) {
var cubeCounter = 1;
if (e.target.className == "cube-1") {
$('.cube-1').append(`<div class=cube-2 id=cube-${cubeCounter}><div class=click-me id=${cubeCounter}>click me to hide this cube</div></div>`);
cubeCounter++;
}
})
$(document).on('click', '.click-me', function name(e) {
var cubeId = e.target.id;
$(`#cube-${cubeId}`).remove();
})Stack Overflow用户
发布于 2019-10-16 12:54:49
单击子多维数据集时，需要处理第二个多维数据集的动态单击事件，并防止父控件的单击事件
$('.cube-1').click(function name(e) {
if(e.target.className == "cube-1")
{
$('.cube-1').append('<div class="cube-2"><div class="click-me">click me to
hide this cube</div></div>');
}
});
$(document).on('click','.cube-2',function name(e)
{
$(this).remove();
// how to add event click on "click-me" to hide "cube-2"??
})请查看工作演示链接
Stack Overflow用户
发布于 2019-10-16 13:54:47
你只需要在附加你的cube-2的同时绑定你在div上的点击。
添加你的脚本，如下所示-
$('.cube-1').on('click'，function(event){ $('.cube-1').append('click me to hide this cube')；}) function myFunction(param) { event.stopPropagation()；$(param).remove()；}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58405898
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号