Получение родительского исходного кода из src attributte

Question

Мне нужно знать, есть ли способ получить родителя, начиная с атрибута src атрибута img. У меня есть что-то вроде: 6 перетаскиваемых объектов и 6 капель. В каждой кадре я сохраняю в переменной src атрибут изображения, который я изменяю. С этим src мне нужно найти его parrent и установить .css («видимость», «видимая»). Мой вопрос: есть ли способ получить родительский тег img, начинающийся с атрибута src?

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 attributte я хотел бы сделать одно из перемещаемых объектов (тот с таким же src attributte) видимое использование:

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

Но, к сожалению, он не работает :(

dragObjects его массив: 6 х 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); 
} 

Не могли бы вы попробовать?