Подсчет div с пользовательским атрибутом по ссылке

0

Я пытаюсь считать divs, которые динамически создаются javascript по их атрибуту категории и помещают результат в список с соответствующим значением атрибута категории. Я думаю, что это не работает, потому что у меня есть проблема с захватом значения атрибута в функции. Может кто-нибудь мне помочь? Спасибо

<div class='item' category='1'></div>
<div class='item' category='2'></div>
<div class='item' category='1'></div>
<div class='item' category='1'></div>

<ul id='list'>
  <li class='counter' category='1'>Category 1</li>
  <li class='counter' category='2'>Category 2</li>
</ul>

function count_category(){
        if($('#list').length>0){
            $('.counter').each(function(i, obj){
                var count = $('.item[category='+obj.category+']')
                var result = count.length;
                $(this).append('<span>'+result+'</span>');
            });
        }
    }   

    $(document).ajaxComplete(count_category);
Теги:

1 ответ

1
Лучший ответ

Чтобы получить значение атрибута, используйте .attr() - obj.category возвращает undefined

var count = $('.item[category="' + $(this).attr('category') + '"]')

Демо: скрипка

  • 0
    просто так :), спасибо Арун

Ещё вопросы

Сообщество Overcoder
Наверх
Меню