jquery - 追加後にリスト項目を削除する

Question

私は次のコードを持っています、

     $('.button').click(function(){
    var inputItem = $('.listItem').val();
    $('.thelist').append('<li class="item">'+inputItem+'</li><span        class="delete">delete</span>');    
});

 //TRYING TO REMOVE THE ITEM
 $(document).on('click','.delete',function(){
    $(this).remove(function(){
        $('.item').remove();
    });
 });

私はまだjQueryにかなり慣れていないので、誰かが私を正しい方向に向けることができます. ありがとう

Answer 1

こんにちは、クエリを満たす場合は、このコード スニペットを参照してください。

var index=0;   //mock index variable
$('button').click(function (e){
   $('#theList').append('<span><li class="delete">hello world ' + index+ '</li></span>' ); 
    e.stopPropagation();   //stop bubbling of event

    index= index+1;
});


$(document).click(function (){ //click anywhere but the button and all <li> items disappear.
   $('.delete').remove();
});

詳細については、このjsFiddle リンクを確認してください。