1

クリックすると自動的に削除される既存のボタンが 1 つあるリストがあります。追加ボタンをクリックすると、別のボタンがリストに追加されますが、今度は追加されたボタンは同じクラスであっても削除されません。
http://jsfiddle.net/PEh6H/
含める必要があるため、サンプル コードを次に示します。

 $(function() {
        $("#add").on('click', addListItem);
            $(".delete").on('click', deleteItem);
            });
        function deleteItem(){
            $(this).parent().remove();
        }    
        function addListItem(){
        $("#todolist").append('<li><button class="delete">This one doesn\'t</button></li>');
        }

そしてhtml：

<ul id="todolist">
    <li><button class="delete">This one works</button></li>
    </ul>
    <button id="add">Add</button>
4

1 に答える 1

3

要素またはドキュメント オブジェクトの静的な親の 1 つからイベントを委任する必要があります。

$('#todolist').on('click', '.delete', deleteItem);

http://jsfiddle.net/5RkHd/

于 2012-12-14T23:25:45.227 に答える