Проверка кол-ва дочерних элементов

Question

[Alexander Lashchevsky]

Здравствуйте!

Есть блок div class="block". У него может быть от одного до четырёх дочерних элементов div class="sub-block". Необходимо сделать так, чтобы у всех sub-blockов были определенные стили в зависимости от их количества, т.е., например, если у нас только один sub-block, то background: #000;, если 2, то background: #fff; и т.п.
Блоки генерируются автоматически скриптами, т.е. одним css тут не ограничиться.

Как сделать проверку количества блоков и в зависимости от их количества применять определенные стили?
С уважением, Александр.

Answer 1

[TekVanDo]

На jQuery примерно так

$(".blick").each(function(one){
    var $sub = $(this).find(".sub-block");
    if($sub.size() > 1){
        $sub.addClass("test1");
    }
    if($sub.size() > 2){
        $sub.addClass("test2");
    }
    //Так далее...
});

Comments

[Alexander Lashchevsky]

Спасибо, только вместо ">" пришлось поставить ">=".