javascript - 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);
}

这篇关于javascript - HTML多行同样的标签，绑定事件后获取当前的标签的值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！