编程论坛 → JavaScript论坛

js删除图片问题

friends571 发布于 2015-03-28 21:10， 1793 次点击

这是JS代码

程序代码：

function registerUpdateEvent(){
    var dom = $(".pic_lists li");
    $(dom).find(".delete_span").unbind("click");
    $(dom).find(".delete_span").click(function(){
        debugger;
        if(confirm('您确定要删除吗？')){
            var container = $($(this)[0].parentElement.parentElement);
            if(container.find("li").length == 1){
                var container = $('.pic_con').css("display","none");
            }
            $($(this)[0].parentElement).remove();
        }
    });
}

这是html代码

程序代码：

<div class="pic_lists" style="left: 0px;">
   <ul>

<volist name="designAttach" id="attach">
  <li >
  <span name="del" class="delete_span"><img  src="__PUBLIC__/Home/images/img_del.png"></a></span>
  <input type="hidden" name="url[]" value="{$attach.url}">
    </li>
    </volist>
    </ul>
   </div>

以上代码是可以正常使用的,在html页面点击删除时,图片也是立即就不显示了,也就是remove()了,
但现在我在html代码里给span标签外面加了一层p标签(业务需要),也就是这里<p><span name="del" class="delete_span"><img src="__PUBLIC__/Home/images/img_del.png"></a></span> </p>,现在是点击删除图片可以提示是不是要删除,但点确定之后图片还在,请问JS代码里哪里需要调整呀,谢谢

3 回复

#2

冰镇柠檬汁儿2015-03-29 12:14

var container = $($(this)[0].parentElement.parentElement);
把这句改成
var container = $($(this)[0].parentElement.parentElement.parentElement);

#3

冰镇柠檬汁儿2015-03-29 12:17

多加了一层标签，就多找一层父节点。
多大点功能，用event对象两三句就能搞定的事情，使jQuery一写这么复杂

#4

friends5712015-04-02 14:12

嗯,确实

1