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');
});

FIDDLE

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);
});

DEMO： http://jsfiddle.net/6afBy/

Answer 4

尝试在此处使用 appendTo() ：

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

<强> Fiddle Demo

删除DOM中的元素

4 个答案: