addClass каждый n-й
У меня есть список элементов, которые я хочу стилизовать тремя разными способами.
Я хочу, чтобы каждый третий элемент списка имел один и тот же class во всем списке.
Например:
- Кодировка символов jQuery AJAX
- Как передать параметры в $ ajax POST?
- Обработка тайм-аута сеанса в вызовах ajax
- Ajax.BeginForm в MVC для загрузки файлов
- Как определить направление прокрутки
Some Content Some Content Some Content Some Content Some Content Some Content Some Content Some Content Some Content Я могу сделать 2 с: нечетным / четным, но как это сделать с 3?
- jQuery Toggle State
- jQuery скрыть элемент при нажатии в любом месте страницы
- jQuery получить значение select onChange
- Проблемы с API-интерфейсами API Google Maps v3 + jQuery
- .live () vs .bind ()
- Анимация прокрутки до ID на загрузке страницы
- JQuery Анимация фонового изображения по оси Y
- Веб-формы Табличное управление для этого сценария
пытаться
$("ul li:nth-child(3n+1)").addClass("A") $("ul li:nth-child(3n+2)").addClass("B") $("ul li:nth-child(3n)").addClass("C")
Не стесняйтесь консолидировать его, чтобы сделать его красивее, но я хотел разоблачить селекторов.
Я рекомендую что-то вроде этого:
var i = 0; $("li").each(function() { var newClass = 'A'; if (i % 3 == 1) newClass = 'B'; if (i % 3 == 2) newClass = 'C'; $(this).addClass(newClass); });