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