Как сделать так чтобы к li добавился класс enabled при получении данных с атрибута ul?

Question

[Евгений]

<ul data-enabled="2,3">
    <li data-id="1"></li>
    <li data-id="2"></li>
    <li data-id="3"></li>
    <li data-id="4"></li>
    <li data-id="5"></li>
</ul>

Должно быить
<ul data-enabled="2,3">
    <li data-id="1"></li>
    <li data-id="2" class="enabled"></li>
    <li data-id="3" class="enabled"></li>
    <li data-id="4"></li>
    <li data-id="5"></li>
</ul>

Answer 1

[Александр]

document.querySelectorAll('[data-enabled]').forEach(item => {
  item.dataset.enabled.split(',').forEach(key => {
    item.querySelector(`[data-id="${key}"]`)?.classList.add('enabled');      
  });
});