1

Данный код не работает:

function sortSea(arr) {
    arr.forEach(function(item){
        if (!item.getAttribute("data-issea")) {
            item.classList.add("hidden");
        }
    });
    return arr;
}

В качестве аргумента передается массив тегов, в которых есть data-атрибут со значениями false/true. Дебаггер показывает, что атрибуты корректно считываются, их значение получаются, но при этом класс hidden не присваивается. Просто все проматывается в цикле без измненений. В чем может быть проблема? Спасибо.

1
  • Приведите, пожалуйста, пример массива, который вы передаете в функцию. 7 сен 2015 в 18:37

2 ответа 2

5

Проверьте, действительно ли атрибут false, либо же это строка "false"

data-атрибуты удобно получать через .data

1
  • - Точно! Спасибо. Наверняка в этом и дело.
    – user189948
    7 сен 2015 в 18:37
2
  1. Значение data-атрибута HTML-элемента всегда хранится в виде строки.
  2. Для ситуаций, когда необходимы только значения false/true, есть более удобный инструмент. Проще писать этот атрибут без значений, если он есть, и не писать, если его нет. Тогда можно проверить единственным надежным способом - методом elem.hasAttribute('attr').
  3. Метод DOM-элемента dataset плохо поддерживается IE.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.