Javascript 如何在仅单击按钮而非所有div时删除元素

按下删除按钮时如何删除元素？ 但是当我按下div中的任意位置，div将删除时，这里发生了什么

我正在尝试仅使用按钮删除

<script>
  function myexfun(mySelectID, selectedItem, myDIVId) {
    var x = document.getElementById(mySelectID).value;
    $('#parentcur').append('<div id="childcur" class="row mg-l-20 mg-t-40 mg-lg-t-0 "><div class="col-lg-3 mg-t-40 mg-lg-t-0"><label class="rdiobox rdiobox-primary"><input name="rdio" type="radio" checked="" id="rdcur"><span id="selectedItemcur" class="mg-l-20 mg-t-40">' + x + '</span></label></div><div class=" mg-t-40 mg-l-auto mg-lg-t-0"><button class="btn btn-danger btn-sm mg-r-20 mg-t-5 rm" type="button" value="Delete" id="bdd"onClick="delelm()" title="Delete Row"><span class="icon ion-trash-a"></span> Delete</button></div></div>');
    // bd.style.display = "block";

  }
</script>
<script>
  function delelm() {
    $(document).on("click", '#childcur', function() {
      $(this).remove();
    });
  }
</script>

函数myexfun（mySelectID、selectedItem、myDIVId）{
var x=document.getElementById（mySelectID）.value；
$（'#parentcur'）。追加（'+x+'Delete'）；
//bd.style.display=“块”；
}
函数delem（）{
$（文档）。在（“单击”上，“#childcur”，函数（）{
$（this.remove（）；
});
}

---

我尝试了很多，但我无法从按钮中删除它，只需单击div

您的单击事件侦听器将连接到整个div，这就是为什么每当您单击div内的任何位置时它都会删除。由于您有

delelm（）

，您可以按如下方式修改代码，将单击仅限于删除按钮

$（'#parentcur'）。追加（'1 Delete'）；
函数delm（el）{
$（el）.最近（“#childcur”）.remove（）；
}

---

您的问题是，您的目标是点击

#childcur

div，而不是它的孩子

下面是一个如何做到这一点的示例：

HTML:

---

这里有一个小问题：

您想在这里删除哪个元素？请给出您的html代码

<div id="container">
  <div class="deletable">
    <p>A</p>
    <button class="do-delete">Delete</button>
  </div>

  <div class="deletable">
    <p>B</p>
    <button class="do-delete">Delete</button>
  </div>

  <div class="deletable">
    <p>C</p>
    <button class="do-delete">Delete</button>
  </div>
</div>

// target buttons within the divs we want to be deletable.
$('div.deletable > button.do-delete').on('click', function() {
    // when the button is clicked, access the parent and remove it from the DOM.
    $(this).parent().remove();
})