Всем привет!
<div id="intro">
<div id="one" style="background:url(images/nemo.jpg )" title="1"><h1>HELLO ONE </h1></div>
<div id="two" style="background:url(images/walle.jpg )"title="2"><h1>HELLO ONE </h1></div>
<div id="three" style="background:url(images/nemo.jpg )"title="3"><h1>HELLO ONE </h1></div>
</div>
Как видите есть div с вложенными дивами, и у меня есть необходимость в перемещении их по порядку. Например нужна такая комбинация
<div id="intro">
<div id="one" style="background:url(images/nemo.jpg )" title="1"><h1>HELLO ONE </h1></div>
<div id="three" style="background:url(images/nemo.jpg )"title="3"><h1>HELLO ONE </h1></div>
<div id="two" style="background:url(images/walle.jpg )"title="2"><h1>HELLO ONE </h1></div>
</div>
То есть второй и третий поменялись местами.
Что я предпринял:
// Получаем перечень вложенных дивов
var div = document.getElementById('intro')
var elems = div.getElementsByTagName('div')
// Изменяется расположенеи дивов внутри главного дива.
var first = elems[0].id;
$(first).prependTo( '#intro' );
Предположил что ошибка в коде (смесь jquery & javascript) , предпринял попытку которая точно не имеет ошибок
$('#one).prependTo( '#intro' )
? аналогично.
Я думал насчет удаление и вставки , но хотелось бы более элегантное что то и менее трафикопоглащающее.
Если коротко то я хочу чтобы: а б в >> б а в >> в а б >> и т.д.
Есть еще вариант с четвертым дивом, в который все будет копировать, но все равно остается вопрос над перемещением, а именно вставкой между существующих div .
Благодарен за помощь.