Перемещение элемента из одной позиции в другую

В контейнере у меня четыре ряда. У каждого разное количество столбцов. Каждый раз, когда я нажимаю на каждую строку, она должна переходить к следующей строке. Однако при щелчке по последней строке (любой строке, которая доходит до конечной позиции) она должна переместиться в первую строку.

Я попробовал использовать метод insertAfter() в jQuery, но не смог переместить последнюю строку. Пожалуйста, предложите мне лучший способ переместить последнюю строку.

У меня есть текущая настройка на моей странице:

$(".row").each(function() {
  $(this).insertAfter($(this).next());
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
0
0
31
1

Ответы 1

Вам нужно проверить, возвращает ли next() элемент. Если это не так, используйте первое. Что-то вроде этого:

$(".row").each(function() {
  var $row = $(this);
  var $target = $row.next();
  if (!$target.length)
    $target = $row.siblings().first();

  $row.insertAfter($target);
});

Возможно, вы можете упростить вызов siblings().first(), но это будет зависеть от того, как структурирован ваш HTML.

Другие вопросы по теме