В контейнере у меня четыре ряда. У каждого разное количество столбцов. Каждый раз, когда я нажимаю на каждую строку, она должна переходить к следующей строке. Однако при щелчке по последней строке (любой строке, которая доходит до конечной позиции) она должна переместиться в первую строку.
Я попробовал использовать метод insertAfter()
в jQuery, но не смог переместить последнюю строку. Пожалуйста, предложите мне лучший способ переместить последнюю строку.
У меня есть текущая настройка на моей странице:
$(".row").each(function() {
$(this).insertAfter($(this).next());
Вам нужно проверить, возвращает ли next()
элемент. Если это не так, используйте первое. Что-то вроде этого:
$(".row").each(function() {
var $row = $(this);
var $target = $row.next();
if (!$target.length)
$target = $row.siblings().first();
$row.insertAfter($target);
});
Возможно, вы можете упростить вызов siblings().first()
, но это будет зависеть от того, как структурирован ваш HTML.