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 - dygraphs:处理数百万个点

javascript - 如何在另一个函数中获取 $.each 函数值

html - 为什么 bootstrap 在我的 github 网页上不起作用?

javascript - d3.js(maps) svg 元素在将它们添加到现有 svg 元素之上时不出现

css - Facebook 发送/点赞按钮 CSS 重叠

javascript - Angularjs 动态指令

javascript - thenEvaluate()的返回方式与evaluate()相同吗?

javascript - 是否可以使用 Dijit/Menu 在 Dijit 的特定位置插入菜单项

javascript - 循环警报不起作用

php - onchange 下拉列表动态设置最大值 yii CMultiFileUpload