javascript - onclick 触发两次并删除 "attributes"

Question

我有一个表格。在此下拉列表中选择规则类型。根据下面的规则类型，它显示规则属性。用户必须选择属性。如果用户想从中删除某些属性，则有一个关闭按钮。

<div class="desc" id="{{uuid}}" style="font-weight: 600" >{{name}}'+
'<button type=\'button\' aria-label=\'Close\' class=\'close\' id=\'{{uuid}}\' onclick=\'$(this).on("click",function() { $(this).parent().remove();alert("lllll"); })\'>X</button>' +
        '</div>' 

当我使用此代码时，用户必须单击关闭按钮两次才能删除该选定的属性。我怎样才能阻止它发射两次？

Answer 1

您的 onclick 事件绑定(bind)另一个 onclick 事件，该事件绑定(bind)要在下次单击时删除的按钮，因此 onclick 属性应该是

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  Hello from div
  <button id="{{uuid}}">X</button>
<div>
<script>
  $("#{{uuid}}").on("click",function(){
    $(this).parent().remove();
    alert( this.id ); //Alert button ID
  });
</script>