Как одновременно клонировать 3 id?

Question

[nen0y]

$(document).ready(function(){
	
	var block = $("#clone_1");
	block.after(block.clone());
}

<div class="slider-items">
             <div id="clone_1" ><img src="images/1.jpg"/></div>
             <div id="clone_2" ><img src="images/2.jpg"/></div>
             <div id="clone_3" ><img src="images/3.jpg"/></div>
          </div>

Как скопировать 3 id, в случае как с 'clone_1' , но одновременно? Пытался сделать вот так, но не работает:

var block = $("#clone_1", "#clone_2", "#clone_3");

Чем поможете?

Answer 1

[Сергей Соколов]

Копии – после всех оригиналов:

var src = $("#clone_1,#clone_2,#clone_3");
src.last().after( src.clone());

После каждого оригинала – его копия:

$("#clone_1,#clone_2,#clone_3").each( function(){
    $(this).after( $(this).clone());
});

Comments

[nen0y]

спасибо, то что надо!
Скажите почему в $('#clone_3').after(clones); именно "#clone_3" ?

[Сергей Соколов]

nen0y: куда вставлять – после последнего элемента

[Сергей Соколов]

nen0y: обновил ответ с использованием .last(), чтобы не писать id по несколько раз

[nen0y]

Сергей Соколов: а как можно посчитать все id после клонирования? (они находятся в классе "slider-items")

[Сергей Соколов]

nen0y: сосчитать детей 1-го уровня, сидящих внутри элементов с классом: var N = $('.slider-items').children().length; // 6

[nen0y]

Сергей Соколов: спасибо, не могу разместит эти же клоны с помощью before, что может быть не так?

[nen0y]

Сергей Соколов: var clones = $("#image_1,#image_2,#image_3").clone();
$('#image_3').after(clones);
$('#image_1').before(clones);

[Сергей Соколов]

nen0y: может, в консоли какие-то ошибки появляются?

[nen0y]

Сергей Соколов: нет ошибок

[Сергей Соколов]

nen0y: Сделайте jsFiddle с вашим документом – попробуем разобраться.

[nen0y]

Сергей Соколов: https://jsfiddle.net/g73e93vu/

[Сергей Соколов]

nen0y: вроде, всё работает (если подключить jQuery в фиддл) https://jsfiddle.net/g73e93vu/4/

[nen0y]

Сергей Соколов: угу, хорошо, а как сделать что бы клон еще за оригиналом становился?(9 картинок было - 3 клона - 3 оригинала - 3 клона)?

[Сергей Соколов]

nen0y: неужели не получается самостоятельно сообразить? : )

src.first().before( src.clone()); src.last().after( src.clone());

[nen0y]

Сергей Соколов: а можно пример в jsFiddle, пожалуйста?

[Сергей Соколов]

nen0y: https://jsfiddle.net/g73e93vu/6/

[nen0y]

Сергей Соколов: спасибо большое!