Подсчет элементов li с классом фильтра данных с использованием jQuery

Question

Я пытаюсь подсчитать элементы li с помощью «men» класса фильтра данных. Ниже приведен фрагмент кода.

<ul id="cards"> 
    <li data-filter-class="men"></li> 
    <li data-filter-class="women"></li> 
    <li data-filter-class="men"></li> 
    <li data-filter-class="kids"></li> 
    <li data-filter-class="women"></li> 
    <li data-filter-class="men"></li> 
</ul> 

var filterType ='men'; //filter type received at runtime. 
var category_count = $('#cards li[data-filter-class="+filterType+"]').length; 
console.log(filterType + " count " + category_count); 

Результаты: 0 Ожидаемое: 3

На самом деле

var category_count = $('#cards > li').length; 

Результаты: 6

Может кто-то пожалуйста, указать, где я получаю неправильно в первом запросе ? Я новичок в изучении jQuery, поэтому, пожалуйста, извините меня.

Answer 1

Вашего category_count не имеет правильную строку интерполяции, вы хотите, чтобы фильтр как так:

var category_count = $('#cards li[data-filter-class="'+filterType+'"]').length; 

Answer 2

Вы забыли закрыть строку, используя filterType см правильного кода

$('#cards li[data-filter-class="'+filterType+'"]').length;