javascript - 移动具有相同 id 的 div

Question

好的，我已经在其他 div 中多次拖动具有相同 id 的 div，现在我想在单击时上下移动它。有什么方法可以使用 javascript 来完成此任务吗？

Answer 1

切勿将相同的 id 分配给不同的元素。它无效，id 必须是唯一的。

如果您必须将所有这些都用“1”进行 id 化，那么请将它们全部分配给一个名为“1”的类，如下所示:

<div class="upDownDiv" id="stage" ondrop="drop(event)" ondragover="allowDrop(event)" style="text-align: center;display: table-cell;vertical-align:middle;">
            <div class='1'>
                <button style="margin-top:20px; margin-bottom:20px;">
                    Submit
                </button>
            </div>


            <div class='1'>
                <button style="margin-top:20px; margin-bottom:20px;">
                    Submit
                </button>
            </div>

           <div class='1'>
                <button style="margin-top:20px; margin-bottom:20px;">
                    Submit
                </button>
            </div>
     </div>

稍后要访问类为“1”的所有 div，只需执行

var myDivs = document.getElementsByClassName('1');

然后一一迭代它们并执行您的命令。或者使用 jQuery 并同时处理所有这些。