Javascript 从src attribute开始获取父级

我需要知道是否有办法让家长从img标签的src attribute开始。我有6个可拖动的对象和6个放置点。每次我存储在我更改的图像的变量src属性中。有了这个src，我需要找到它的parrent和set.css（“可见性”、“可见”）。我的问题：有没有一种方法可以从img标记的src属性开始获取其父级

JS小提琴：

代码：

其中控制台返回：

。/images/map6.svg

（例如）

使用此src attribute，我想使用以下方法使其中一个可拖动对象（具有相同src attribute的对象）可见：

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

但不幸的是，它不起作用：（

将其拖动到一个数组：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>

...

我发现您的场景非常混乱，但听起来这就是您想要做的：

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

---

你能试一试吗？

你能创建一个小提琴吗？@VedantTerkar fiddle in edit！所有的js代码都在里面，看看我做了什么。谢谢：）你的小提琴除了显示12个破碎的图像外，似乎什么都没做。要让它工作，什么都没有显示。我刚刚添加了一个提琴，让大家都能看到整个js代码。正如我所说，我唯一错过的是用js FIDLE js代码编写的注释。我也是这样做的：var getSrcChanged=$（“#”+dropTarget）.children（'img'）.prop（'src”）；var visible=getSrcChanged.charAt（getSrcChanged.length-5）$（dragObjects[visible]）.css（“可见性”、“可见”）；但是你的答案也很好！正是我想要的：）

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