Question

我试图计算由javascript按类别属性动态创建的div，并将结果放入带有相应类别属性值的列表中。我认为它没有用，因为我在功能中捕获属性值有问题。谁能帮我？谢谢

<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);

Answer 1

要获取属性值，请使用.attr() - obj.category返回undefined

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

演示：Fiddle

通过引用计算具有自定义属性的div

1 个答案: