Test for caunt1

by Ankit Patidar

HTML

<div id="frameLayout">
    <div data-usergroupids="0" data-usergroupid="-2" class="frame ui-draggable ui-resizable"></div>
    <div data-usergroupids="1,5" data-usergroupid="-2" class="frame ui-draggable ui-resizable"></div>
    <div data-usergroupids="0" data-usergroupid="0" class="frame ui-draggable ui-resizable"></div>
    <div data-usergroupids="0" data-usergroupid="0" class="frame ui-draggable ui-resizable"></div>
</div>
<button id="Button">Check</button>

CSS

.frame{background-color:#ccc;width:50px;height:50px;margin:5px}

JavaScript

(function() {  
    //var pets = {};
    var frameGroupIdLth = {};
    var frameGroupIdsLth = {};
    
    $('.frame').each(function(){
        var frameGroupId =  $(this).attr("data-usergroupid");
        var frameGroupIds =  $(this).attr("data-usergroupids");
        
        var framLth = $(this);
        //var pet = framLth.data('frameGroupIds');
        
        
        if (!frameGroupIdLth[frameGroupIds]) {  
            frameGroupIdLth[frameGroupIds] = { firstnode: framLth, count : 1 } 
        }
        else {
            frameGroupIdLth[frameGroupIds]['count'] = frameGroupIdLth[frameGroupIds]['count'] + 1;
        }
    });
    
    $.map(frameGroupIdLth, function(obj, frameGroupIds) {     
        if (obj.count > 1) {
          obj.firstnode.append('<span class="first">'+ obj.count +'</span>');
        }
    });
}());


/*

$("#Button").click(function() {
	var frameGroupIdLth;
    var frameGroupIdsLth;
    $("#frameLayout .frame").each(function(){
        console.log("He;lo");
        var frameGroupId =  $(this).attr("data-usergroupid");
        var frameGroupIds =  $(this).attr("data-usergroupids");
        
        if(frameGroupId == "-2" && frameGroupIds == "0"){
            console.log("Here");
            frameGroupIdLth = $(frameGroupId);
        	frameGroupIdsLth = $(frameGroupIds);
            
        }
        else{
        	console.log("elser");
        }
    });
    console.log(frameGroupIdLth);
    console.log(frameGroupIdsLth);
   
});


$("#frameLayout .frame").each(function(){
	var frameGroupId =  $(this).attr("data-usergroupid");
    var frameGroupIds =  $(this).attr("data-usergroupids");
});




http://stackoverflow.com/questions/15314872/group-and-count-html-elements-by-data-attribute-in-jquery

http://stackoverflow.com/questions/10176593/count-values-of-data-attribute-with-jquery
*/