Question

当点击一个按钮时，我得到了一些创建以下内容的jquery：

<div class="box" id="1">
  <div class="left">Icon<form class="dropzone" action="upload2.php?id=1_1" id="1_1"></form></div>
  <div class="remove"><input type="image" src="images/button-minus.png" class="removethis" id="1__1"></div>
  <div class="right">Image<form class="dropzone" action="upload2.php?id=1_2" id="1_2"></form></div>
  <div class="clear"></div>
</div>

我还有一个＆＃39;添加另一个＆＃39;按钮

<div class="addmore">
  <input type="image" src="images/button-plus.png" class="addanother">
</div>

当添加另一个＆＃39;时，它会增加ID。按下按钮但这里不太重要。

<script>
    // when the button is clicked to create 2 more dropzones:
    $(".addanother").click(function () {
      ...
    });

然后我有一个减号按钮，如果用户需要可以删除它。目前，我只是试图让它显示警报，所以我知道它返回了正确的方框ID。

它适用于硬编码的第一个，但不是我点击添加另一个按钮创建的。

$(document).ready(function() {  
    $(".removethis").click(function (event) {
        currentEvent = event.target.id;
        alert(currentEvent);
        //$( ".boxes #"+currentEvent ).remove();
    });
});

我错过了什么让它意识到新创建的存在？

目前没有出现任何错误或警告？

Answer 1

您需要使用事件委派，因为动态生成删除按钮：

$("body").on('click','.removethis',function (event) {
    currentEvent = event.target.id;
    alert(currentEvent);
    //$( ".boxes #"+currentEvent ).remove();
});

Jquery在使用jquery创建它之后删除元素

1 个答案: