Question

我有问题使下面的代码工作。基本上，我想通过在鼠标悬停时附加到body来移动元素。我的代码怎么了？

谢谢

<div class="wrp">
<p>this is a wrap</p>
<p><img src="myimg.jpg" /></p>
</div>
<div class="wrp">
<p>this is a wrap2</p>
<p><img src="myimg.jpg" /></p>
</div>
<div class="wrp">
<p>this is a wrap3</p>
<p><img src="myimg.jpg" /></p>
</div>

<script type="text/javascript">
$(".wrp").hover(function(){ 
$("img", this).appendTo("body");
});
</script>

预期产出：

<html>
<head/>
<body>
...
<img src="myimg.jpg" />
</body>
</html>

Answer 1

如果你向我们展示实际发生的输出，那将会很方便。但除此之外......

请尝试执行以下操作：

<script type="text/javascript">
$('.wrp > img').hover(function(){
$(this).appendTo('body');
});
</script>

我还没有测试过它，它已经脱离了我的头脑。但它应该有用。

从中添加元素

1 个答案: