Подсчет элементов с пустым атрибутом

Question

Мне нужно перебрать элементы и подсчитать, сколько из них имеют пустой атрибут data-v:

<div data-v="" style="height: 0px"></div>

Я пробовал этот бит, похоже, не работает:

$(".myEm").each(function() {
    var cnt = $(this).find("div[data-v!='']").length;
});

Чего мне не хватает?

Answer 1

Ваш селектор ищет элементы, которые не имеют пустой атрибут. Вот демонстрация, показывающая некоторые из каждого типа, и один запрос с селектором, использующим «not» (!) и один без него, и результирующий счетчик:

$(function() {
  $(".myEm").each(function() {
    var cnt = $(this).find("div[data-v!='']").length;
    console.log(cnt);
    var cnt2 = $(this).find("div[data-v='']").length;
    console.log(cnt2);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="myEm">
  <div data-v="" style="height: 0px "></div>
  <div data-v="" style="height: 0px "></div>
  <div data-v=" " style="height: 0px "></div>
  <div data-v=" " style="height: 0px "></div>
  <div data-v=" " style="height: 0px "></div>
</div>

Поэтому вам нужно изменить свой код или разметку так, как вам удобно, чтобы получить желаемый результат.