js删除父元素

Question

我有一个问题，当我尝试删除我在js中创建的li时，以下代码将删除所有列表而不仅仅是单击的li 当选择父母时，跨度不能正常工作

function showdata() {
    var newtodo = $("#newtodo").val();
    $("ol").append('<li class"batodo" >' + newtodo + '<span   class="deltodo">' +" x" + "</span>" + "</li>");
}

$(".deltodo").click(function() {
    $(this).parents(".batodo").remove();
});

Answer 1

在这种情况下，您可以使用：

$(this).parent().remove();

Answer 2

工作代码感谢帮助：）

function showdata() {
var newtodo = $("#newtodo").val();
$("ol").append('<li class"batodo" >' + newtodo + '<span class="deltodo">' +" del" + '</span>' + "</li>");
$(".deltodo").click(function(){
        $(this).parents("li:first").remove();
    });

};