0

重複の可能性：
動的に追加された要素にイベントリスナーを追加するJquery

jQueryビット：

divにテキストを含む入力フィールドを追加します。

        shareVisual = '<div class="individual-share">' + '<input type="number" value="1" /> X ' + classname.val() + '@' + classcurrency.val() + ' ' + classprice.val() + ' per share ' + '<button type="button" class="remove-share">Remove</button></div>';
        listOfSharesBox.append(shareVisual);

そして、私はクリック時のイベントをキャッチしようとします：

$("#list-of-shares").bind('click', '.remove-share', function() {
    $(".remove-share").closest("div").find(".individual-share").remove();
});

DIVが削除されないのはなぜですか？

乾杯。

PS

コードをこれに変更すると：

$("#list-of-shares").bind('click', '.remove-share', function() {
    $(".remove-share").closest("div").remove();
});

動的に生成されたすべての入力は、div内で削除されます。

4

2 に答える 2

2

jquery 1.7を使用する場合は、次のようにしてみてください

$(".remove-share").on('click',function() {
    $(this).closest("div").remove();
});

それ以外の場合は使用

$(".remove-share").bind('click',function() {
    $(this).closest("div").remove();
});
于 2013-01-23T10:22:59.403 に答える
-1

動的に生成されたコントロールを処理する「live」キーワードを使用してみてください。

$(".remove-share").live('click', function() {
$(this).closest("div").remove();
});
于 2013-01-23T10:30:54.983 に答える