通过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 referenceconst itemToMove = container.children[1]; // or however you want to find the childcontainer.appendChild(itemToMove);

Answer 2

使用 eachvar elemTwo;$("li").each(function() {&nbsp; if (this.innerText == "two") elemTwo = this;});&nbsp;