Question

我试图让我的代码使用函数新删除div。

JavaScript可以添加新的div而不会出现任何问题。但是删除按钮没有响应。

如何让我的JavaScript删除div。

脚本：

	<script async> // hidden answer for adding new answers jacascript code
			   function clonebutton1 (counter){
				   counter = counter +1;
				   var div = document.createElement('div');
				   div.className = 'container-fluid form-group col-lg-6';
				   div.innerHTML ='<label>Answer:\
			<span id="ansNo">'+counter+'</span>\
			</label> \
			<input class="form-control" id="AnswerClone" name="quizAnswerNew[]" placeholder="Please Enter An Answer......" type="text" value="">\
			<div class="form-group">\
				<label for="select1">Pick a Score For The Answer:</label> \
				<select class="score-choice" id="selectClone" name="selectNew">\
				<option selected value="0">0</option><option value="5">5</option><option>10</option><option>15</option><option>20</option>\
				</select>\
			</div>\
			<div style="margin-bottom:20px;">\
				<label class="btn-bs-file btn btn-sm btn-primary">Add Picture <input name="answerFileNew" type="file"></label>\
			</div><input class="btn btn-primary removeAnswer" id="removeAnswer" type="button" value="Remove Answer">\
		</div>';
	
			document.getElementById('AnswerSectionNew').appendChild(div);
					              div.on("click", function() {// this function removes the parent of the removeAnswer button that is clicked
									$(this).parent().remove();
					  });
			document.getElementById('addAnotherAnswer').setAttribute("onClick","clonebutton1("+counter+")");
	  };
			  
			  
	      
	</script>

由于

Answer 1

您正在将该功能绑定到按钮的click事件，但可能尚未创建该div。因此，每次使用按钮创建div时，都应重新绑定click事件。

另一个选择是在创建时使用按钮上的onclick属性（这是你编写html时）来执行JavaScript函数。

删除创建的Div

1 个答案: