javascript - 通过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>

有什么想法我怎么能做到这一点？

标签： javascriptjqueryhtmlcss

Answer 1

找到它使用each

var elemTwo;

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