如何在里面移动一个div<ul> 在之上<li></li></ul>

Question

我陷入了这种情况，我必须在列表中移动一个 div。 我试过 appendChlid 和 insertBefore 但我似乎无法让它工作。 代码如下：

 <div class='error'>Content</div> <div class='form'> <ul> <li>Item1</li> <li>item2</li> <li>Item3</li> </ul> </div>

我希望结果看起来像：

 <div class='form'> <ul> <div class='error'>Content</div> <li>Item1</li> <li>item2</li> <li>Item3</li> </ul> </div>

完成这项工作的最佳方法是什么？

Answer 1

这是不可能的，因为ul不允许div元素。

允许的内容：零个或多个li 、脚本和模板元素。

请参阅： https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul

Answer 2

<div class='error'>Content</div>
   <div class='form'>
   <ul>
      <li id="first-li">Item1</li>
      <li>item2</li>
      <li>Item3</li>
   </ul>
</div>
$('.error').insertBefore('#first-li');

希望这有帮助。