Удалить элементы в DOM

Question

Удалить элементы в DOM

0

может кто-нибудь показать, как работать с несколькими элементами в 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>

Как удалить элементы? благодаря

Siada 04 март 2014, в 17:23

Источник

Теги:

javascript

jquery

html

4 ответа

2

Чтобы добавить элементы .image к следующим элементам .block_right вы можете сделать

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

FIDDLE

adeneo 04 март 2014, в 14:27

0

Спасибо! Оно работает!
Siada 04 март 2014, в 15:33
0

@ user3375344 - Добро пожаловать!
adeneo 04 март 2014, в 15:37

0

Попробуйте использовать appendTo() здесь:

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

Демо-версия скрипта

Felix 04 март 2014, в 13:44

0

вы пропустили контекст this
Arun P Johny 04 март 2014, в 15:30
0

Да я редактирую
Felix 04 март 2014, в 15:33

0

Одно возможное решение с .each():

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

ДЕМО: http://jsfiddle.net/6afBy/

VisioN 04 март 2014, в 12:49

Ещё вопросы

Arko Elsenaar · Accepted Answer · 2014-03-04T13-51-00.000Z

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

Попробуйте этот код, он должен работать!

Удачи.

Спасибо, ты просто сохранишь мой день! :)
Не за что :) Пожалуйста, поддержите этот ответ, если он вам помог.