如何使用jQuery将元素移动到另一个元素

Question

我正在尝试将一个元素移动到另一个元素，以便使用CSS :hover可以工作。

<ul>
  <li id="menu-item"> //move into here </li>
</ul>

<div class="tomove">...</div>

display:none; “ tomove” display:none;

menu-item:hover使'tomove'display display:block;

我需要它与css :hover并被移到<li>项中

Answer 1

您可以使用appendTo()在DOM中移动元素

将匹配元素集中的每个元素插入目标的末尾。

演示版

 $('.tomove').appendTo('#menu-item'); 

 ul { list-style-type: none; margin: 0; padding: 0; } li { color: green; } #menu-item:hover { color: red; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> <ul> <li id="menu-item">//move into here</li> </ul> <div class="tomove">Move me There</div>