Я пытаюсь считать 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);