首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用jQuery将元素移动到另一个元素

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

Stack Overflow用户
提问于 2015-08-26 10:59:37
回答 1查看 741关注 0票数 0

我正在尝试将一个元素移动到另一个元素中,这样css :hover就可以工作了。

代码语言:javascript
运行
复制
<ul>
  <li id="menu-item"> //move into here </li>
</ul>

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

‘'tomove’是display:none;

menu-item:hover制作“爱情”display:block;

我需要使用css :hover并将其移到<li>项中。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-08-26 11:00:44

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

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

Demo

代码语言:javascript
运行
复制
$('.tomove').appendTo('#menu-item');
代码语言:javascript
运行
复制
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
li {
  color: green;
}
#menu-item:hover {
  color: red;
}
代码语言:javascript
运行
复制
<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>

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32224836

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档