删除DOM中的元素

Question

可以有人展示如何使用DOM中的少数元素并将它们从一个块移动到另一个块，我需要使用jQuery，例如我有这个结构

<div class="block">
    <div class="block_left">
        <div class="title">title 1</div>
        <div class="image">image 1 for title 1</div>
    </div>
    <div class="block_right">

    </div>
</div>

<div class="block">
    <div class="block_left">
        <div class="title">title 2</div>
        <div class="image">image 2 for title 2</div>
    </div>
    <div class="block_right">

    </div>
</div>

<div class="block">
    <div class="block_left">
        <div class="title">title 3</div>
        <div class="image">image 3 for title 3</div>
    </div>
    <div class="block_right">

    </div>
</div>

<div class="block">
    <div class="block_left">
        <div class="title">title 4</div>
        <div class="image">image 4 for title 4</div>
    </div>
    <div class="block_right">

    </div>
</div>

我试图使用jQuery .each()但不是我需要的。 结果我需要这个：

<div class="block">
    <div class="block_left">
        <div class="title">title 1</div>
    </div>
    <div class="block_right">
        <div class="image">image 1 for title 1</div>
    </div>
</div>

<div class="block">
    <div class="block_left">
        <div class="title">title 2</div>
    </div>
    <div class="block_right">
        <div class="image">image 2 for title 2</div>
    </div>
</div>

<div class="block">
    <div class="block_left">
        <div class="title">title 3</div>
    </div>
    <div class="block_right">
        <div class="image">image 3 for title 3</div>
    </div>
</div>

<div class="block">
    <div class="block_left">
        <div class="title">title 4</div>
    </div>
    <div class="block_right">
        <div class="image">image 4 for title 4</div>
    </div>
</div>

如何删除元素？ 谢谢

Answer 1

要将.image元素附加到下一个.block_right元素，您可以执行此操作

$('.block_right').append(function() {
    return $(this).prev().find('.image');
});

小提琴

Answer 2

$(".image").each(function() {
    $(this).parent().parent().find(".block_right").append($(this));
});

尝试该代码，应该工作！

祝好运。

Answer 3

.each()一种可能解决方案：

$('.block .image').each(function() {
    $(this).closest('.block').find('.block_right').append(this);
});

演示： http ： //jsfiddle.net/6afBy/

Answer 4

尝试在这里使用appendTo（） ：

$('.block_left .image').each(function() {
    $(this).appendTo($(this).parent().next()); 
});

小提琴演示