Question

我需要知道是否有一种方法可以让父母从img标签的src attributte开始。我有类似的东西：6个可拖动的物体和6个掉落点。在每个drop我存储在图像的变量src属性中我改变。有了这个src，我需要找到它的parrent并设置.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 attributte我想制作一个可拖动的对象（具有相同src attributte的对象）可见的使用：

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

你可以尝试一下吗？

从src属性开始获取父级

1 个答案: