0

ユーザーが自分の意志で行を追加および削除できるようにしたいだけです。

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>
4

1 に答える 1

0

ボタンは動的に追加されるため、イベント委任を使用する必要があります

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

デモ:フィドル

于 2013-07-22T11:40:15.067 に答える