Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sockets/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jquery将元素移动到另一个父元素_Jquery - Fatal编程技术网

如何使用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"

嗨,有人能帮我把class=“title”移到class=“thumbnail”下面,但在span上面吗?花了整整一天的时间在这上面,但是运气不好。我更喜欢使用jquery。我希望有人能帮我解决这个问题。事先非常感谢你

<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没问题,乐意帮忙,如果这解决了你的问题,请考虑把这个标记为答案。