Как на jquery прибавить к следующему li списка + 1 букву или цифру?

Question

[FrelFrloich]

Вопрос весьма простой, как прибавить к следующему li списка букву или цифру, для различие между собой естественно.

Было:

<ul>
    <li class="item"></li>
    <li class="item"></li>
    <li class="item"></li>
    <li class="item"></li>
    <li class="item"></li>
</ul>

Стало:

<ul>
    <li class="item__q"></li>
    <li class="item__w"></li>
    <li class="item__e"></li>
    <li class="item__r"></li>
    <li class="item__t"></li>
</ul>

Answer 1

[Aetae]

document.querySelectorAll('.item').forEach(
  (item, i) => item.classList.replace('item', 'item__' + i.toString(36))
)

Только ты явно делаешь что-то не так, если тебе такое нужно.

...upd: ах да, jquery:

$('.item').removeClass('item').addClass(i => 'item__' + i.toString(36))

Comments

[FrelFrloich]

Спасибо. Я не виновен в jquery хотя и не вижу в нём ничего плохого, куча слайдеров и виджетов стоит на сайте, по типу слика.