jquery - $(this) 对指定元素的范围之外的限制

Question

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

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

但就我而言，我正在选择对话框的提交按钮.. 我不能使用 $(this)，要么直接选择我的 li，因为它会删除所有..

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

Answer 1

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

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

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

    //Do the deletion
   }

Answer 2

你可以做这样的事情，

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

在remove()

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

Answer 3

您可以将这个两步过程与以下 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();
});

在这里工作小提琴

Answer 4

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

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

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

编辑

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

将适用于您的情况。