首页 > HTML多行同样的标签,绑定事件后获取当前的标签的值?

HTML多行同样的标签,绑定事件后获取当前的标签的值?

我做的是一个图片删除功能,多行同一样的input属性,绑定了onclick事件,怎么获取当前的值?代码如下:
html代码:

<img class="img_lt" src="{{ asset(arrs.imgPath) }}">
<span class="img-rank">排序:<input id="img-rank-val" type="text" name="imgRank" value="{{ arrs.advs_image_sort_num }}"></span>
<span class="img-dlt"><input id="dlt" type="button" onclick="deleteImg()" value="删除" name="imgDelete"></span>

<img class="img_lt" src="{{ asset(arrs.imgPath) }}">
<span class="img-rank">排序:<input id="img-rank-val" type="text" name="imgRank" value="{{ arrs.advs_image_sort_num }}"></span>
<span class="img-dlt"><input id="dlt" type="button" onclick="deleteImg()" value="删除" name="imgDelete"></span>

<img class="img_lt" src="{{ asset(arrs.imgPath) }}">
<span class="img-rank">排序:<input id="img-rank-val" type="text" name="imgRank" value="{{ arrs.advs_image_sort_num }}"></span>
<span class="img-dlt"><input id="dlt" type="button" onclick="deleteImg()" value="删除" name="imgDelete"></span>

js代码:

function deleteImg(){
            var src = $(this).parent().prev().prev().attr("src");alert(src);
            var trueBeTold = confirm("是否删除?");
            if (trueBeTold) {
                $.ajax({
                    type: "POST",
                    url:"imgdelete",
                    data : {imgSrc : src},
                    dataType:"json",
                    success:function(data) {
                        alert(data);
                        window.location.href = "{{ path('upload_') }}"
                    }
                })
            }
        }

但是我一直获取不到src的值,我该怎么获取这个值?获取绑定时间是否错误了?


<span class="img-dlt"><input id="dlt" type="button" onclick="deleteImg(this)" value="删除" name="imgDelete"></span>
function deleteImg(obj){
  var src = $(obj).parent().prev().prev().attr("src");
  alert(src);
}
【热门文章】
【热门文章】