Question

例如，我在下面的div中具有动态生成的lis中的四个不同值，并且数据来自Rest API：

<div id=make_last>
  <li>one</li>
  <li>two</li>
  <li>three</li>
  <li>four</li>
</div>

我想通过JavaScript或jquery将<li>two</li>移至底部，如下所示

<div>
  <li>one</li>
  <li>three</li>
  <li>four</li>
  <li>two</li>
</div>

有什么想法我该如何实现？

Answer 1

使用each

查找

var elemTwo;

$("li").each(function() {
  if (this.innerText == "two") elemTwo = this;
});

Answer 2

将某物移动到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);

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

2 个答案: