javascript - 从 src 属性开始获取父级

Question

我需要知道是否有一种方法可以让父级从 img 标签的 src 属性开始。我有这样的东西:6 个可拖动的对象和 6 个放置点。每次我都会将其存储在我更改的图像的变量 src 属性中。有了这个 src，我需要找到它的父级并设置 .css("visibility", "visible")。我的问题:有没有办法从 src 属性开始获取 img 标签的父级？

JS fiddle :http://jsfiddle.net/FncKS/

代码:

drop: function( event, ui )
            {
var dropTarget = event.target.id; 
var getSrcChanged = $("#" + dropTarget).children('img').attr("src");
console.log(getSrcChanged);
}

控制台返回的位置:../images/map6.svg(例如)

使用此 src 属性，我想使用以下方法使可拖动对象之一(具有相同 src 属性的对象)可见:

    var visible = $(dragObjects).children("img").src(getSrcChanged);
    $(visible).css("visibility", "visible");

但不幸的是它不起作用:(

dragObjects 是一个数组:6 x div.children("img")。

一些 HTML:

<div class="random drag" id="draggable0">
     <img class="svgSize" src="images/map1.svg" draggable="false" />  
</div>

<div class="random drag" id="draggable1">
     <img class="svgSize" src="images/map2.svg" draggable="false" /> 
</div>

...

<div class="random drag" id="draggable5">
     <img class="svgSize" src="images/map6.svg" draggable="false" />
</div>

Answer 1

我发现你的场景非常困惑，但听起来这就是你想要做的:

drop: function( event, ui ) {
    var dropTarget = event.target.id,
        getSrcChanged = $("#" + dropTarget).children('img').attr("src"),
        matchingDraggable =  $(dragObjects).find("img[src='"+ getSrcChanged +"'");
    matchingDraggable.css("visibility", "visible");
    console.log(getSrcChanged);
}

你能尝试一下吗？