js удалить родительский элемент

Question

У меня проблема с тем, что при попытке удалить li, который я сделал в js, следующий код удалит весь список не только щелчком li
, а при выборе родителя span не работает правильно

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(); 
    }); 

};