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

Question

我正在尝试将元素移动到另一个元素中，因此css :hover可以正常工作。

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

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

'tomove'是display:none;

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

我需要将其与css :hover一起使用并移至<li>项目

Answer 1

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

  

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

<强>演示

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;