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

标签 javascript jquery css

我正在尝试将一个元素移动到另一个元素中,因此 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>元素

最佳答案

您可以使用 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>

关于javascript - 如何使用 jQuery 将一个元素移动到另一个元素中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32224836/

相关文章:

javascript - 使用 xlsx.js 实时更新 div

javascript - 隐藏在 native 中的键盘

javascript - 如果解析时字段为空,为什么键不存在?

javascript - 根据标签的文本更改 css 类

javascript - CSS 过渡以在单击时将点分页移动到左/右

javascript - 脚本不影响所有元素

asp.net - 在网页中嵌入 Web Widget(?)

css - CSS 中的 Font Awesome 图标 - 更大的尺寸

html - -webkit-overflow-scrolling 是否适合生产使用?

html - 位置:iPhone iOS 中的固定页脚