jQuery使用jQuery删除列表项，淡出 - 从DOM中删除

Question

现在我正在使用jQuery内联脚本，我想要做的是添加删除选项，如果删除，它将淡出并从DOM中删除。现在，这根本就没有连接到数据库，我使用VIN解码器，所以这些都是它的默认功能。

我下面提供的代码当然会删除每一个列表项。我只想删除我点击“删除”的列表项。我不知道如何完成这一任务，因为没有独特的课程或任何东西。

jQuery代码：

// plugin defaults 
$.inlineEdit.defaults = { 
    hover: 'ui-state-hover', 
    value: '', 
    save: '', 
    buttons: '<button class="save">save</button> <button class="cancel">cancel</button> <a href="#" class="delete">delete</a>', 
    placeholder: 'Click to edit', 
    control: 'input', 
    cancelOnBlur: false, 
    saveOnBlur: false 
}; 

.find('a.delete') 
      .bind('click', function(event) { 

       $("li.editable").fadeOut(300, function() { 
        $(this).remove(); 
       }); 

       return false; 
      }) 
     .end() 

Answer 1

只需更换$("li.editable")与$(this).closest("li.editable")，你应该罚款。