jQuery - Tellen


Met jQuery kun je eenvoudig het aantal elementen tellen, bijvoorbeeld het aantal li's van een opsomming. Op basis hiervan kun je dan weer aanvullende code uitvoeren.

$(document).ready(function() {
        var counter = $("div span").length;
        if(counter >= '3') {
                alert('3 of meer');
        }
        else if(counter >= '2') {
                alert('2 of meer');
        }
        else {
                alert('1 of meer');
        }
});


$(document).ready(function() {
        var count = $("ul.tabs li").children().length;
        if(count == 1) {
                $("ul.tabs li.active").addClass("tabone");
        } else {
                $("ul.tabs li.active").addClass("tabtwo");
        }
});


Automatisch een nummer toevoegen aan een opsomming.

$(document).ready(function() {
        $("div.mainmenu ul li").each(function(i) {
                $(this).addClass("nav" + (i+1));
        });
});