Поставить класс на каждый пятый элемент

Question

Есть такой HTML

<ul>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
</ul>

На каждый пятый пункт нужно поставить класс five.Вот код который не работает

  $("ul").children("li").each(function() {
    var indeItem = $(this).index("li");
    if(indeItem % 5) {
      $(this).addClass("five");
    }
  });

Как это сделать?

Answer 1

Все гораздо проще:

$('ul li:nth-child(5n+5)').addClass('five')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
</ul>

БЛОГ НА HUSL

Поставить класс на каждый пятый элемент

Ответы (1 шт):