Реализовано динамическое добавление элементов списка <li>
с вложенными элементами <a><i></i></a>
.
Задача удалить родительский элемент <li>
по клику на вложенный элемент <i>
, который в свою очередь вложен в <a>
.
Разметка:
<div id="tabsSlide" class="tabs-slider">
<ul class="tabs-slider-wrapper nav nav-tabs js_order_service_tabs">
<li class="js_order_request_service_tab">
<a href="#order_service" data-toggle="tab">
<i class="icon icon-remove js_remove_service_tab"></i>Tab
</a>
</li>
</ul>
</div>
Код удаления элемента:
$('#removeTab').click(function(){
$(this).parent().remove();
});
Сейчас при нажатии на иконку удаления в теге <i>
удаляются все динамически созданные элементы <li>
. А необходимо удалить только родительский элемент <li>
со всем содержимым.