Проблема заключается в следующем, есть HTML, к примеру:
<div class="wrap">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
Нужно добавить класс "large" всем элементам, соответствующим селектору :nth(2n+3)
:
$('.wrap .item:nth-child(2n+3)').addClass('large');
При загрузке страницы все работает отлично, но есть функционал, который скрывает некоторые элементы в различном порядке и класс "large" нужно добавлять только видимым элементам и в таком случае :nth-child()
уже не работает, так как нумерация идет по всем дочерним элементам, независимо от того, видим он или скрыт.
Нужно добавить класс "large" всем элементам, которые можно выбрать с помощью псевдокласса :nth-child(8n+3)
, :nth-child(8n+6)
, :nth-child(6n+3)
, :nth-child(6n+4)
, :nth-child(4n+2)
, :nth-child(4n+3)
, выше был просто как пример.