Jquery $（'；p'；）.remove（）；不'；我不工作，为什么？

我有这个jQuery代码，我尝试做的是使用

.append（）

方法将值添加为“items”，我从输入文本框中获取，然后在单击id为“boton”的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();
    });        
});

$（文档）.ready（函数（）{
var contador=1；
$（'#boton'）。单击（函数（）{
var item=$（“输入：文本”）.val（）；
如果（项目！==“”）{
$（'.lista'）.append（“
”+contador+“º）”+
$（“输入：文本”）.val（）+“
”）
contador++；
}
});  
$（“p”）。单击（函数（）{
$（this.remove（）；
});        
});

您需要在此处使用，因为您的段落已动态添加：

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

这将帮助您将

单击
事件绑定到这些新创建的段落。
动态创建元素时使用

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

由于您正在动态创建新的“p”元素，因此应该使用Jquery将事件处理程序附加到该元素

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

你的答案和另外两个有什么不同？当我开始回答时，这两个答案并不存在。由于我很快，这次只有两个人越过了我。