Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Поменять местами элементы в списке (https://javascript.ru/forum/misc/65726-pomenyat-mestami-ehlementy-v-spiske.html)

Василь 04.11.2016 23:55

Поменять местами элементы в списке
 
Доброго вечера!
Пытаюсь создать скрипт для смены мест блоков внутри списка.
Результат должен быть такой - блок ".img" должен поменяться местом с блоком ".info" и так далее по списку.
Получилось пока сделать по клику, а как сделать это в процессе загрузки страницы???

Помогите плиз, ибо задолбался!


<body>
<div class="item">
<div class="img">img</div>
<div class="info">info</div>
</div>
<div class="item">
<div class="img">img</div>
<div class="info">info</div>
</div>
<div class="item">
<div class="img">img</div>
<div class="info">info</div>
</div>
</body>


<script type="text/javascript">
window.onload=function(){
         $( "div.item" ).click(function() {
           $(this).children("div.info").after($(this).children("div.img"));
         });
 }
</script>

Aetae 05.11.2016 00:19

$(function(){
  $( "div.item" ).each(function() {
    $(this).children("div.info").after($(this).children("div.img"));
  });
})


P.S. $(function) почти то же самое, что window.onload = function, только не ждёт загрузки лишней фигни.

laimas 05.11.2016 02:31

$( "div.item" ).each(function() {
        $(this).append($(this).children("div.img"));
    });

Василь 05.11.2016 03:05

Цитата:

Сообщение от Aetae (Сообщение 434099)
$(function(){
  $( "div.item" ).each(function() {
    $(this).children("div.info").after($(this).children("div.img"));
  });
})


P.S. $(function) почти то же самое, что window.onload = function, только не ждёт загрузки лишней фигни.

Спасибо!
насчет window.onload=function() и $(function).
Если я ставлю с $(function) в head, то не работает. Приходиться спускать в футер. С window.onload=function() понятно дело все работает, но нужно ждать.
Еще вопрос, для общего развития, куда лучше цеплять в head или самый низ?

Василь 05.11.2016 03:06

Цитата:

Сообщение от laimas (Сообщение 434106)
$( "div.item" ).each(function() {
        $(this).append($(this).children("div.img"));
    });

Спасибо!


Часовой пояс GMT +3, время: 05:25.