Test for counts

by Ankit Patidar

HTML

<ul>
<li data-petr="" data-usergroupids="0" data-usergroupid="-2"></li>
<li data-petr="" data-usergroupids="1" data-usergroupid="-2"></li>
<li data-petr="" data-usergroupids="1,2" data-usergroupid="-2"></li>
<li data-petr="" data-usergroupids="0" data-usergroupid="0"></li>
<li data-petr="" data-usergroupids="0" data-usergroupid="0"></li>
<!--<li data-petr="elephant" data-usergroupids="0" data-usergroupid="-2">elephant</li>
<li data-petr="elephant" data-usergroupids="0" data-usergroupid="-2">elephant</li>
-->
</ul>

CSS

.first { font-weight: bold }

JavaScript

(function() {  
    var frameGroupIdFun = {};
    $('ul li').each(function() {
        var frameThis = $(this);
        
        var frameGroupIdLth = frameThis.data('usergroupid');
    	var frameGroupIdsLth = frameThis.data('usergroupids');
        
       // var pet = frameThis.data('petr'); 
        
        if (!frameGroupIdFun[frameGroupIdLth]) {  
            frameGroupIdFun[frameGroupIdLth] = { firstnode: frameThis, count : 1 } 
        }
        else {
            frameGroupIdFun[frameGroupIdLth]['count'] = frameGroupIdFun[frameGroupIdLth]['count'] + 1;
        }
    });
    
    $.map(frameGroupIdFun, function(obj, frameGroupIdLth) {
        
        if(obj.count > 1){
          obj.firstnode.append('<span class="first">'+ obj.count +'</span>');
            console.log(obj.count);
        }
    });
}());