Как проверить атрибут на заполненость при помощи jquery?

Question

Ребят, как можно проверить атрибут data-name= у нескольких class на наличие заполнености и если атрибут data-name= окажется пустым, то добавить class с именем hide?

Answer 1

Вариант на JS

document.querySelectorAll('.test').forEach(function(elem) {
  if(!elem.dataset.name || elem.dataset.name.length === 0) elem.classList.add('hide')
});

.hide {
  color: red;
}

<b>Проверка дата атрибутов:</b>
<div class="test" data-name="123">Есть</div>
<div class="test" data-name="">Есть, но пустой</div>
<div class="test">Отсутствует</div>

И на JQ

$('.test').each(function() {
  if(!$(this).attr('data-name') || $(this).attr('data-name').length === 0) $(this).addClass('hide')
});

.hide {
  color: red;
}

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

<b>Проверка дата атрибутов:</b>
<div class="test" data-name="123">Есть</div>
<div class="test" data-name="">Есть, но пустой</div>
<div class="test">Отсутствует</div>

БЛОГ НА HUSL

Как проверить атрибут на заполненость при помощи jquery?

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