JQuery поменять элементы местами

1004

02 мая 2017, 04:21

Как можно менять местами блоки? Чтобы каждые 10 секунд последний блок вставал на место первого, второй на место третьего, третий на место последнего. И так по кругу.

<div data-id='0'>0</div>
<div data-id='1'>1</div>
<div data-id='2'>2</div>
<div data-id='3'>3</div>

Answer 1

При перемещении блока не надо удалять из старого места, при вставке в новое он будет удален из старого автоматически. Сделал без jQuery на чистом JS.

var parent = document.getElementById('container'); 
setInterval(function() { 
  var div = parent.querySelector('div'); 
  parent.appendChild(div); //автоматически удалится из старого места 
}, 1000);

#container div  
{ 
  float: left; 
  width: 100px; 
  height: 100px; 
  margin: 20px; 
  border: 2px solid silver; 
  border-radius: 5px; 
}

<div id="container"> 
  <div data-id='0'>0</div> 
  <div data-id='1'>1</div> 
  <div data-id='2'>2</div> 
  <div data-id='3'>3</div> 
</div>

Answer 2

Решил данным способом:

setInterval(function() {
    $('.cen p').hide();
    $('.cen').prepend($('.cen p:last'));
    $('.cen p').slideToggle({duration: "slow",});
}, 5000);

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

JQuery поменять элементы местами

Ввод в поле с помощью Js

Event и delegate: в чем отличие?

Вычисляемое поле в code first подходе

Процесс загрузки страницы в ASP.NET