javascript - 如何使用 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 中移动元素

Insert every element in the set of matched elements to the end of the target.

演示

$('.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>