Question

如果你想删除ul中的指定li，你只需执行此操作

$('ul').on('click',function(){
    $(this).find('li').remove();
});

但是对于我的情况，我选择了一个对话框的提交按钮..我不能使用$（this），要么直接选择我的li，因为它会删除所有..

$('#submit).click(function(){
   //delete one of my target li..
});

Answer 1

我不确定您的DOM结构。当您想要在单击提交按钮时删除列表的列表项时，这将起作用。

$('#submit').click(function(){
   $('#Id_of_Your_list').find('li').remove();
});

如果您具体要求，我可以提供完美的解决方案。

修改

$('#submit').click(function(){ $( this ).parent( "li" ).remove(); });

适合您的情况。

Answer 2

你可以这样做，

<ul onclick="remove(this)"><li></li></ul>

在remove()

function remove(this) {
    $(this).closest('li').remove();
}

Answer 3

您如何选择目标？您应该添加一个css类，将列表项标记为已选中。因此，选择后，所选li标记为<li class="selected">。

然后在处理程序中执行以下操作

 $('#submit).click(function(){  
    var deleteThis = $('li .selected'); 

    //Do the deletion
   }

Answer 4

您可以将此两步流程与以下JavaScript代码

一起使用

$('li').on('click',function(){
    var id = $(this).attr("id");
    $("#c" + id).show();
});

$(".confirm").on("click", function(){
    var id = ($(this).attr("id")).substring(1, 2);
    $("#" + id).remove();
});

Working fiddle here

$（this）限制超出范围以限定指定元素

4 个答案: