Question

下面是我的代码，我点击ADD按钮创建动态元素。而且我想fatOut元素onclick buttton只是不点击div

这是我的代码

＆＃13;

<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>

＆＃13;

这只是点击div的淡出而我不想要这种行为

Answer 1

试试这个

＆＃13;

<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>

＆＃13;

fadeOut当前元素点击取消按钮

1 个答案: