Применить класс к каждому 4-му li внутри ul

Question

Мне нужно отобразить 4 элемента li в строке, а затем применить class = "last" к каждому 4-му элементу li.

сейчас я делаю вот так,

var liCount = jQuery('.exploreContentArea .listArea ul li').size();
jQuery('.exploreContentArea .listArea ul li:eq(3)').addClass('last');

Мне нужно применить класс к каждому 4-му пункту ул.

Пожалуйста, помогите мне в том же.

Спасибо |Локеш Ядав

Answer 1

Использование nth-child:

jQuery('.exploreContentArea .listArea ul li:nth-child(4n)')
.addClass('last').show();

Answer 2

Измените size() на length, так как это немного быстрее, я думаю, потому что нет вызова функции.Ответ Сарфраза совершенно правильный.

Answer 3

Вы можете просто использовать css-селектор:)

.exploreContentArea .listArea ul li:nth-child(4n)

edit: здесь еще немного информации об этом:)