gpt4 book ai didi

javascript - 单击取消按钮时淡出当前元素

转载 作者:行者123 更新时间:2023-12-03 03:11:40 24 4
gpt4 key购买 nike

下面是我的代码,我在单击“添加”按钮时创建动态元素。我只想在单击按钮时淡出元素,而不是单击 div

这是我的代码

<head>
<script
src="https://code.jquery.com/jquery-3.2.1.js"
integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
crossorigin="anonymous"></script>
<script>
$(document).ready(function(){
$("#btn").click(function(){
$("#new").append("<div>New li <button>X</button></div>");
})

$("#new").on('click','div',function(){
$(this).fadeOut();
})
})

</script>

<input type="button" name="btn" id="btn" value="ADD">
<div id="new">
</ul>

这只是点击 div 时淡出,我不想要这种行为

最佳答案

试试这个

<script
src="https://code.jquery.com/jquery-3.2.1.js"
integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
crossorigin="anonymous"></script>
<script>
$(document).ready(function(){
$("#btn").click(function(){
$("#new").append("<div class='ParentDiv'>New li <button>X</button></div>");
});
$("#new").on('click','button',function(){
$(this).closest(".ParentDiv").fadeOut();
});
});
</script>

<input type="button" name="btn" id="btn" value="ADD">
<div id="new">
</div>

关于javascript - 单击取消按钮时淡出当前元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46926222/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com