jQuery Удаление элемента списка с помощью jQuery, Fade out - Удалить из DOM - PullRequest
Новая
       14

jQuery Удаление элемента списка с помощью jQuery, Fade out - Удалить из DOM

2 голосов
/ 16 сентября 2011

Прямо сейчас я использую встроенный скрипт jQuery, и я хочу добавить опцию удаления, где при удалении он исчезает и удаляется из DOM.Сейчас это вообще не связано с базой данных, я использую VIN-декодер, так что это стандартные функции, которые он использует.

Приведенный ниже код, конечно, удаляет каждый элемент списка.Я хочу удалить только тот элемент списка, для которого я нажал «Удалить».Я не уверен, как это сделать, потому что нет уникального класса или чего-то еще.

enter image description here

jQuery Code: 

// 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()

1 Ответ

4 голосов
/ 16 сентября 2011

Просто замените $("li.editable") на $(this).closest("li.editable"), и все будет в порядке.

...