Jquery 按引用计数具有自定义属性的div

我试图统计javascript通过其category属性动态创建的div，并将结果放入具有相应category属性值的列表中。我认为它不适用于，因为我在函数中捕获属性值时遇到问题。有人能帮我吗？Thx

<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类
第2类

函数计数\u类别（）{
如果（$（'#列表'）。长度>0）{
$（'.counter'）。每个（函数（i，obj）{
变量计数=$（'.item[category='+obj.category+']'））
var结果=count.length；
$（this.append（“”+result+“”）；
});
}
}   
$（文档）.ajaxComplete（计数类）；

要获取属性值，请使用-

obj.category

返回

undefined

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

演示：