jquery - 如何使用 jquery 将 div 子级移动到其父级

Question

我一直在尝试这样做一段时间，我知道这很容易，但我就是不知道我做错了什么，例如假设我们有这个代码，它是在其他地方生成的，它有问题并且需要修理：

<ul>
<li>menu</li>
<div id='languages'>
  <ul class="dropdown-menu">
    <li>item a</li>
    <li>item b</li>
  </ul>
</div>
</ul>

显然，我想将内部 ul 的内容移动到外部 ul 中，然后删除 div，这就是我现在正在尝试的，但不起作用：

var el = $('#languages');
el.parent().append(el.find('li'));
el.remove();

我能知道我在做什么错吗？

score 5 · Accepted Answer

像这样？

$('#languages ul li').unwrap().unwrap();

这样，内部 ul 内部的 li 将成为外部 ul 的一部分。unwrap 将自行解包，即第一个 unwrap 将删除ul，第二个将 unwrap div。

另外顺便提一下，你的源 html 是无效的，ul不能div作为直系后代。

1 回答 1