Разный css в зависимости от кол-ва блоков

В зависимости от количества дочерних блоков менять их стили.

by Alexander Lashchevsky

HTML

<div class="block">
    <div class="sub-block"></div>
        <div class="sub-block"></div>
</div>

CSS

.sub-block {width: 100px; height: 100px; background: #000;}
.test1 {background: red;}
.test2 {background: green;}

JavaScript

$(".block").each(function(one){
    var $sub = $(this).find(".sub-block");
    if($sub.size() >= 1){
        $sub.addClass("test1");
    }
    if($sub.size() >= 2){
        $sub.addClass("test2");
    }
});