通过javascript将特定项目移动到div元素的底部

Question

例如，我在下面的 div 中动态生成了 lis 中的四个不同值，并且数据来自 Rest API：<div id=make_last>  <li>one</li>  <li>two</li>  <li>three</li>  <li>four</li></div>我想<li>two</li>通过 javascript 或 jquery移动到底部，如下所示<div>  <li>one</li>  <li>three</li>  <li>four</li>  <li>two</li></div>任何想法我怎么能做到这一点？

Answer 1

将某些内容移动到 DOM 元素末尾的最简单方法是追加它，因为appendChild将元素放在末尾；它会自动从当前位置移除项目。

const container = document.querySelector('#make_last'); // or however you get a reference

const itemToMove = container.children[1]; // or however you want to find the child

container.appendChild(itemToMove);

Answer 2

使用 each

var elemTwo;

$("li").each(function() {

  if (this.innerText == "two") elemTwo = this;

});