下面是我的代码,我在单击“添加”按钮时创建动态元素。 我只想在单击按钮时淡出元素,而不是单击 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/