如何使用jquery将元素移动到另一个父元素
嗨,有人能帮我把class=“title”移到class=“thumbnail”下面,但在span上面吗?花了整整一天的时间在这上面,但是运气不好。我更喜欢使用jquery。我希望有人能帮我解决这个问题。事先非常感谢你如何使用jquery将元素移动到另一个父元素,jquery,Jquery,嗨,有人能帮我把class=“title”移到class=“thumbnail”下面,但在span上面吗?花了整整一天的时间在这上面,但是运气不好。我更喜欢使用jquery。我希望有人能帮我解决这个问题。事先非常感谢你 <div class="aa"> <div class="title"> <a href="#">Test 1</a> </div> <div class="content"
<div class="aa">
<div class="title">
<a href="#">Test 1</a>
</div>
<div class="content">
<div class="thumbnail">
<span>Hello</span>
<a href="#"><img src=""></a>
</div>
</div>
</div>
<div class="aa">
<div class="title">
<a href="#">Test 1</a>
</div>
<div class="content">
<div class="thumbnail">
<span>Hello</span>
<a href="#"><img src=""></a>
</div>
</div>
</div>
<div class="aa">
<div class="title">
<a href="#">Test 1</a>
</div>
<div class="content">
<div class="thumbnail">
<span>Hello</span>
<a href="#"><img src=""></a>
</div>
</div>
</div>
你好
你好
你好
我希望输出如下所示:
<div class="aa">
<div class="content">
<div class="thumbnail">
<div class="title">
<a href="#">Test 1</a>
</div>
<span>Hello</span>
<a href="#"><img src=""></a>
</div>
</div>
</div>
<div class="aa">
<div class="content">
<div class="thumbnail">
<div class="title">
<a href="#">Test 1</a>
</div>
<span>Hello</span>
<a href="#"><img src=""></a>
</div>
</div>
</div>
<div class="aa">
<div class="content">
<div class="thumbnail">
<div class="title">
<a href="#">Test 1</a>
</div>
<span>Hello</span>
<a href="#"><img src=""></a>
</div>
</div>
</div>
你好
你好
你好
非常感谢。您可以使用:
$(".title").each(function() {
$(this).prependTo($(this).next(".content").find(".thumbnail"));
});
这会将您的每个标题
移动到相应的缩略图的顶部
演示
$(“.title”)。每个(函数(){
$(this).prependTo($(this).next(.content”).find(.缩略图));
});代码>
你好
你好
你好
这个问题可能是重复的,不是重复的吗?@RomeoSierra好吧,有点,但它没有说明如何使用多个元素,所以这就是我发布答案的原因。@RomeoSierra但是很好地被你发现了,拇指up@CarstenL你刚刚救了我的命。千likes@JustinDuran没问题,乐意帮忙,如果这解决了你的问题,请考虑把这个标记为答案。