jquery - 如何在 jQuery 的手风琴中添加和删除“行”

Question

我只是希望用户能够根据自己的意愿添加和删除行。

对 jsFiddle 的快速试用将表明它适用于 html 中已经存在的行，但在（使用 append）之后添加的任何行都不能以相同的方式删除。

jsFiddle - 解释/显示正在发生的事情的最简单方法

    $('.removeBtn').click(function(){
        $(this).parent('div').next('div').andSelf().remove();
});
$('#add_item').click(function(){
    $('#accordion').append('<div><a href="#">Round 2</a><div class="removeBtn">x</div></div><div><div class="title">Question 1</div></div>').accordion('destroy').accordion();
});

上面的代码显示了我如何尝试添加/删除行

这是HTML：

<div id="accordion">
  <div><a href="#">Round 1</a>
    <div class="removeBtn">x</div>
  </div>
  <div>
    <div class="title">Question 1</div>
  </div>

</div>
<div id="add_item">Add</div>

Answer 1

您需要使用事件委托，因为按钮是动态添加的

$(document).on('click', '.removeBtn', function(){
    $(this).parent('div').next('div').andSelf().remove();
    return false;
});

演示：小提琴