获取最接近的图像attr（“ src”）jQuery

Question

下面的代码可以正常工作，但是我需要以下面的方式尝试过的最接近图像的attr("src") ，但它仍然无法正常工作。

$(".delimg").click(function () {
var $button = $(this);
var myString = $button.closest('.swipe-image').find('img').attr("src");
var avoid ="http://20percents.com/backend/uploads/";
myString = myString.replace(avoid,'');
$("#getnew").val(myString);
});

以下方法可行，但没有最接近的方法，选择第一个值

$(".delimg").click(function () {
var myString = $('.swipe-image').attr("src");
var avoid ="http://20percents.com/backend/uploads/";
myString = myString.replace(avoid,'');
$("#getnew").val(myString);
});

如何解决最接近的问题？

HTML：

小提琴： http : //jsfiddle.net/e27r8/603/

Update1：​​onchange和触发器如何

$(".delimg").on('change', function () {
var myString = $('.swipe-image').attr("src");
var avoid ="http://20percents.com/backend/uploads/";
myString = myString.replace(avoid,'');
$("#getnew").val(myString).join());
}).trigger('change');

Answer 1

.closest（）将找到匹配的祖先元素，在您的情况下img不是button的祖先。

您可以使用.closest（）查找共同的父对象，然后使用find（）获取目标元素

var myString = $button.closest('.swiper-slide').find('img').attr("src");

另一种方法是使用img是button的父级的前一个兄弟的逻辑，因此

var myString = $button.parent().prev('img').attr("src");

Answer 2

Arun解决方案的替代方案可能是：

$(".delimg").click(function () {
    var myString = $(this).parent().prev().attr("src");
    var avoid ="http://20percents.com/backend/uploads/";
    myString = myString.replace(avoid,'');
    $("#getnew").val(myString);
});