javascript - 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") 就可以了。