2016-11-16 3 views
0

я не могу удалить Ли и содержание HTML, мой HTML выглядит следующим образом:Как полностью удалить элемент списка и его содержимое?

<li> 
    <a href="#dialog-form-image" rel="modal:open"> 
     <img src="http://www.miapp.cl/walmart/admincontenidoatg/wp-content/themes/admincontent/images/imagen_wf.jpg" name="img_164" id="flexslider"> 
    </a> 
</li> 

Удалить действие зависит нажмите кнопку с названием изображения.

$("#btn-url-delete").live('click',function(){ 
     var id_img = $(this).attr("name"); 
     $('img[name="'+id_img+'"]').prev().prev().remove(); 
     $(this).remove(); 

    }); 
+3

Что древняя версия JQuery вы бежите, что он поддерживает 'live'? – epascarello

+3

Я бы сначала сменил 'live' на' on' то же самое. Не думайте, что это решит вашу проблему. Не уверен, что 'btn-url-delete' с тех пор, как вы не опубликовали html для этого. – jdmdevdotnet

+0

jQuery v1.7 i can't change –

ответ

7

Проблема заключается в том prev() является братьями и сестрами, а не родитель. Вам нужно выбрать родителей, чтобы добраться до ли.

$('img[name="'+id_img+'"]').parent().parent().remove(); 

или

$('img[name="'+id_img+'"]').closest("li").remove(); 
+1

Или '$ ('img [name ="' + id_img + '"]'). Parent (" li "). Remove();' :) – Huelfe

+1

хорошо, что было бы плохо, если бы оно было вложенном lis. lol :) – epascarello

+0

Первый пример работает! спасибо!!!! –

Смежные вопросы