Как правильно вычистить кол-во блоков и применить значение в jQuery?

Question

[Алексей Черток]

Добрый день. Ребята, нужна помощь.

В общем есть футер, в нем есть меню. Построено оно так:

<div class="downMenu">
    <ul class="reset">
        <li></li>
    </ul>
    <ul class="reset">
        <li></li>
    </ul>
    <ul class="reset">
        <li></li>
    </ul>
</div>

Нужно посчитать кол-во блоков UI, и если значение этих блоков меньше 4х допустим, то UL приписывать класс, а если больше 4хэ, то класс убирать. Помогите, не сильно силен в jQuery.

Comments

[Алексей Уколов]

BarnyBroken вы выбрали в качестве решения самый неудачный вариант :) Мало того, что он просто очень длинный и делает совершенно ненужный цикл по всем элементам, так там еще выборка одна и та же происходит дважды и название класса дважды указано - сложнее потом поддерживать.

Answer 1

[lyeskin]

if ( $('.downMenu > ul').length < 4) {
    $('.downMenu > ul').each(function() { $(this).addClass('SOMECLASS'); });
} else {
    $('.downMenu > ul').each(function() { $(this).removeClass('SOMECLASS'); });
}

Answer 2

[Алексей Уколов]

jsfiddle.net/koceg/2vLsmbnu

$resets = $('.downMenu').find('.reset');
$resets.toggleClass('some-class', $resets.length < 4);

Answer 3

[Grigruss]

var cnt = $('ul').length;
if(cnt<4){$('ul').addClass('ul-class-example');}
else{$('ul').removeClass('ul-class-example');}