У меня есть неупорядоченный список:
<ul id="sortable">
<li id="1" class="ui-state-default">First <a href='#' title='delete' class="itemDelete">x</a></li>
<li id="2" class="ui-state-default">Second <a href='#' title='delete' class="itemDelete">x</a></li>
<li id="3" class="ui-state-default">Third <a href='#' title='delete' class="itemDelete">x</a></li>
</ul>
Я хочу удалить <li>
из <ul>
. Я обработал событие click объекта itemDelete, где я пытаюсь выполнить удаление, но я предполагаю, что он не работает, потому что я не могу удалить <li>
, когда ребенок вызывает его?
$('.itemDelete').live("click", function() {
var id = $(this).parent().get(0).id;
$("#" + id).remove();
});
Какой лучший подход?