Как добавлять класс в зависимости от количества элементов?

Question

[MegaPuxapb]

Как посчитать количество .time в каждом .time_wr, и если их больше одного, то добавить .time_wr класс in?

<div class="time_wr">
	<div class="time"></div>
	<div class="time"></div>
	<div class="time"></div>
	<div class="time"></div>
</div>

<div class="time_wr">
	<div class="time"></div>
</div>

Comments

[MegaPuxapb]

Владимир @,
пока в редакторе ковырял пример, с тем что не получается, всё заработало)

Answer 1

[Immortal_pony]

$('.time_wr').each(function() { 
    if ($(this).children('.time').length > 1) {
         $(this).addClass('in');
    }
});

Comments

[Алексей Юдов]

У меня такой же код вышел, ток я скобочки убрал :D

$(".time_wr").each(function(){  
  if($(this).children(".time").length > 1)
  	$(this).addClass("in")
})

[Immortal_pony]

Я бы крайне не рекомендовал убирать скобочки так как js не python и если вы захотите добавить каких-то действий, то результат может выйти не таким каким вы ожидаете.

Например:

$(".time_wr").each(function(){  
  if($(this).children(".time").length > 1)
  	$(this).addClass("in");
        $(this).addClass("all"); // эта строчка приведет к добавлению класс "all" всем элеменоам с классом "time_wr", потому что условие if... будет рапсространяться только на предыдущую строку.
})

[Алексей Юдов]

Immortal_pony, я как бы добавлю ковычки, если нужно. Однако, я пишу наверняка, так что знаю что такой код не измениться долго :D