Tabela przedszkole

by Torwan

HTML

<ul class="categories">
   <li data-category="category-1">Category 1</li>
   <li data-category="category-1">Category 1</li>
   <li data-category="category-1">Category 1</li>
   <li data-category="category-1">Category 1</li>
   <li data-category="category-1">Category 1</li>
   <li data-category="category-2">Category 2</li>
   <li data-category="category-2">Category 2</li>
   <li data-category="category-2">Category 2</li>
   <li data-category="category-3">Category 3</li>
</ul>

<ul id="grouped"></ul>

<table id="table_to_xls" class="table">
						<tbody>
												
													
							<tr data-id="0" data-idoddzial="6" data-oddzialnazwa="Niepubliczne Przedszkole Małego Kopernika s.c">
								<td>Niepubliczne Przedszkole Małego Kopernika s.c</td>
							</tr>
							
													
							<tr data-id="1" data-idoddzial="6" data-oddzialnazwa="Niepubliczne Przedszkole Małego Kopernika s.c">
								<td>Niepubliczne Przedszkole Małego Kopernika s.c</td>
							</tr>
							
													
							<tr data-id="2" data-idoddzial="6" data-oddzialnazwa="Niepubliczne Przedszkole Małego Kopernika s.c">
								<td>Niepubliczne Przedszkole Małego Kopernika s.c</td>
							</tr>
							
													
							<tr data-id="3" data-idoddzial="6" data-oddzialnazwa="Niepubliczne Przedszkole Małego Kopernika s.c">
								<td>Niepubliczne Przedszkole Małego Kopernika s.c</td>
							</tr>
							
													
							<tr data-id="4" data-idoddzial="6" data-oddzialnazwa="Niepubliczne Przedszkole Małego Kopernika s.c">
								<td>Niepubliczne Przedszkole Małego Kopernika s.c</td>
							</tr>
							
													
							<tr data-id="5" data-idoddzial="6" data-oddzialnazwa="Niepubliczne Przedszkole Małego Kopernika s.c">
								<td>Niepubliczne Przedszkole Małego Kopernika s.c</td>
							</tr>
							
													
							<tr data-id="6" data-idoddzial="6" data-oddzialnazwa="Niepubliczne Przedszkole Małego Kopernika s.c">
								<td>Niepubliczne Przedszkole Małego Kopernika...

CSS

.table {display:none;}
.categories {display:none;}

JavaScript

$(function() {
    /*for table*/
    var kindergarten = {};
    $("#table_to_xls tr").each(function() {
        var garten = $(this).data("oddzialnazwa");
        console.log($(this).data("oddzialnazwa"));
        if (kindergarten.hasOwnProperty(garten) === false) {
            kindergarten[garten] = 1;
        } else {
            kindergarten[garten]++;
        }
    });
    
    $.each(kindergarten, function(key, val) {
        $("#out").append("<tr><td>" + key + "</td><td>" + val + "</td></tr>");
    });
/*for li*/
var categories = {};
    $(".categories li").each(function() {
        var category = $(this).data("category");
        
        if (categories.hasOwnProperty(category) === false) {
            categories[category] = 1;
        } else {
            categories[category]++;
        }
    });
    
    $.each(categories, function(key, val) {
        $("#grouped").append("<li>" + key + " (" + val + ")</li>");
    });
})