Как перебрать группу элементов HTML с одинаковым className, добавить класс на основе количества символов и добавить класс с помощью Dojo

Question

Я хочу реализовать условия, при которых, если у меня есть группа html-элементов с текстом, если они содержат 4 текстовые символы, я хочу добавить class. Вот мой код, который не работает:

var attributeIcons = dojo.query(".attribute-icon");
Array.prototype.forEach.call(attributeIcons, function(el) {
  if (el.innerText.length === 4) {
    return domClass.add(attributeIcons, "new-class");
  }
});

Что я делаю не так?

Answer 1

Вам нужно добавить класс к el:

return domClass.add(el, "new-class");

Вы также можете немного изменить свой код:

var attributeIcons = dojo.query(".attribute-icon");
Array.prototype.forEach.call(attributeIcons, function(el) {
  if (el.innerText.trim().length == 4) {
    return el.addClass("new-class");
  }
});

Answer 2

Вместо возврата просто добавьте класс, используя classList.add

var attributeIcons = dojo.query(".attribute-icon");
Array.prototype.forEach.call(attributeIcons, function(el) {
  if (el.innerText.trim().length === 4) {
    return el.classList.add("new-class");
  }
});