jquery - $ ('p' ).remove();不起作用，为什么？

Question

我有这个 jQuery 代码，我想做的是使用 .append() 方法将值添加为“项目”，该方法是我从输入文本框中获取的，然后单击以“boton”作为 id 的 div 后，将它们输入到以“lista”作为类名的 div 中。这一切都工作正常，当我尝试删除使用 $('this').remove(); 添加的项目时，问题就出现了，但它没有执行任何操作。

有什么原因导致它不起作用吗？如果有任何帮助，我将不胜感激。

$(document).ready(function(){
    var contador = 1;
    $('#boton').click(function(){
    var item = $("input:text").val();
        if (item !== ""){
            $('.lista').append("<p style ='cursor:pointer;'>"+contador+"º) "+
            $("input:text").val()+"</p>")
            contador++;
        }
    });  

    $("p").click(function(){
        $(this).remove();
    });        
});

Answer 1

您需要使用event delegation在这里，因为您的段落已动态添加:

$('.lista').on('click', 'p', function() {
    $(this).remove();
});

这将帮助您将click事件绑定(bind)到这些新创建的段落。