javascript - 通过javascript函数在html代码中交换div

标签 javascript html css

假设我有:

<body>
<div id="1">test1 </div>
<div id="2">test2 </div>
<div id="3">test3 </div>
<div id="4">test4 </div>
</body>

我想做的是将 ID 为“2”(或我选择的任何一个)的 div 插入到最后,就在关闭之前。 我将如何处理它?我基本上想通过 javascript 交换 html 代码本身中已经存在的 div。

最佳答案

这会起作用

$('body').append($('#2'));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<body>
<div id="1">test1 </div>
<div id="2">test2 </div>
<div id="3">test3 </div>
<div id="4">test4 </div>
</body>

关于javascript - 通过javascript函数在html代码中交换div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47793750/

相关文章:

javascript - React-redux:循环遍历 props 并填充组件

css - 订购 Wordpress 样式表?

javascript - 如何使 Iframe 中的事件与处理程序一起工作?

javascript - HTML 计数器从 15 分钟开始一直持续到按下按钮为止?

javascript - 仅当窗口大小最小化时才加载 Jquery 动画(Fiddle 已更新)

jquery - 如何将送货地址复制到账单地址

html - 是否有关于实际打印网页的人数的分析?

css - 使用 CSS 使列表项的大小相对于其中文本的大小

css - 添加 CSS 类作为样式

javascript - 像 gmail 一样的文件拖放悬停