Jquery: обмен контейнеров внутри контейнера

Question

Jquery: обмен контейнеров внутри контейнера

0

Все еще изучая jquery. Я хотел обменять заголовок и изображение внутри своих родительских div. Есть идеи? Большое спасибо!

<div id="main">
<div class="image">IMAGE</div>
<div class="title">TITLE</div>
</div>

<div id="main">
<div class="image">IMAGE</div>
<div class="title">TITLE</div>
</div>

<div id="main">
<div class="image">IMAGE</div>
<div class="title">TITLE</div>
</div>

--------------------------------------------

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#main div").each(function(){
  $("#main").append($('.image'));

});
});
</script>

Dutchbox 28 нояб. 2013, в 05:46

Источник

2

Прежде всего, идентификаторы должны быть уникальными.
j08691 28 нояб. 2013, в 04:27
0

измените id="main" на class="main" . Также $("#main div") неверно и измените его на $("div #main")
Praveen 28 нояб. 2013, в 04:28
0

не могу сделать класс уникальным .. Я изменил идентификатор на класс, и изображение div теперь добавлено 3 раза .. спасибо
Dutchbox 28 нояб. 2013, в 04:33

Показать ещё 1 комментарий

Теги:

jquery

containers

3 ответа

Ещё вопросы

Прежде всего, идентификаторы должны быть уникальными.
измените id="main" на class="main" . Также $("#main div") неверно и измените его на $("div #main")
не могу сделать класс уникальным .. Я изменил идентификатор на класс, и изображение div теперь добавлено 3 раза .. спасибо

j08691 · Answer 1 · 2013-11-28T03-13-00.000Z

Как только вы исправите проблему с идентификатором/классом, здесь короткое решение:

$(".main").each(function () {
    $(this).find('div:eq(1)').after($(this).find('div:eq(0)'));
});

Пример jsFiddle

Aditya Singh · Answer 2 · 2013-11-28T02-45-00.000Z

Попробуйте это: - http://jsfiddle.net/adiioo7/YzXye/

Кроме того, вы не должны иметь несколько элементов с одинаковыми идентификаторами.

JS: -

$(document).ready(function () {
    $(".main").each(function () {
        $(this).append($(this).find('.image'));

    });
});

HTML: -

<div class="main">
    <div class="image">IMAGE</div>
    <div class="title">TITLE</div>
</div>
<div class="main">
    <div class="image">IMAGE</div>
    <div class="title">TITLE</div>
</div>
<div class="main">
    <div class="image">IMAGE</div>
    <div class="title">TITLE</div>
</div>

Rohan Kumar · Answer 3 · 2013-11-28T02-33-00.000Z

Первый конвертировать id в class поскольку id должен быть unique и попробуйте это,

HTML

<div class="main">
    <div class="image">IMAGE</div>
    <div class="title">TITLE</div>
</div>
<div class="main">
    <div class="image">IMAGE</div>
    <div class="title">TITLE</div>
</div>
<div class="main">
    <div class="image">IMAGE</div>
    <div class="title">TITLE</div>
</div>

SCRIPT

$(document).ready(function(){
   $(".main").each(function(){
       $image= $(this).find('.image');
       $clone=$image.clone();
       $image.remove();
       $(this).append($clone);
   });
});

Или

$(document).ready(function () {
    $(".main").each(function () {
        $(this).find('div.title').after($(this).find('div.image'));
    });
});

Демо и демо 1

ВЫ УДИВИТЕЛЬНЫЙ ЧУВАК! .. СПАСИБО МНОГО ..