如何完全删除列表项及其内容?

时间:2016-11-16 15:28:49

标签: javascript jquery

我无法删除li和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();

    });

1 个答案:

答案 0 :(得分:7)

问题是prev()是兄弟姐妹,而不是父母。您需要选择父母才能进入li。

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

$('img[name="'+id_img+'"]').closest("li").remove();
相关问题