javascript - 如何完全删除列表项及其内容？

Question

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

    });

Answer 1

问题是 prev() 是 sibling ，而不是 parent 。您需要选择 parent 才能到达李。

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

或

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