Question

我试图将一个元素拖放到一个div（其中存在多个div），但只有当元素的id和div的id匹配时才能删除该元素（比如获取div的id）正在拖动图像并给它一个值并与拖动的图像ID进行比较，如果匹配则丢弃）。我是java脚本的新手，所以感谢任何帮助！

以下是代码：jsfiddle.net/8m6982qf

Answer 1

你可以在你的div中保留允许的数据，然后可以比较图像的id是否与div允许的数据匹配然后只追加其他什么都不做

HTML

next()

的Javascript

<p>Drag an image into the right Box:</p>
<div>
    <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)" data-allowed="boy"></div>
    <div id= "div2" ondrop="drop(event)" ondragover="allowDrop(event)" data-allowed="man"></div>
    <br>
</div>
<div  class="title"><p><span id="left">Boy</span><span id="right">Man</span></p></div>
<br>
<div class="images">
    <img id="boy" src="http://images.fitpregnancy.mdpcdn.com/sites/fitpregnancy.com/files/styles/width_360/public/toddler-wearing-headphones_600x600_shutterstock_93821278.jpg" draggable="true" ondragstart="drag(event)" width="100" height="100" onclick="reply_click(this.id)">
    <img id="man" src="http://creativestockphoto.com/wp-content/uploads/2014/10/images-of-man-and-woman-in-love.jpg" draggable="true" ondragstart="drag(event)" width="100" height="100" onclick="reply_click(this.id)">
</div>

您可以查看小提琴here

如果元素和div在javascript中具有相同的id，如何将元素放入div？

1 个答案: