根据子div的数量添加类

Question

我有一个父div，其中将动态添加2到4个子div。我需要计算子div，然后根据子节点数将一个类添加到父div。

<div id="parent">
   <div class="child">content</div>
   <div class="child">content</div>
   ...
</div>

基本上，我需要用jquery来说：

如果有4个子div，则将类“.four”添加​​到父div。

如果有3个子div，则将类“.three”添加到父div。

如果有2个子div，则将类“.two”添加到父div。

我想我需要使用.length（），但我无法弄清楚如何将它们放在一起。我非常感谢任何建议。

谢谢！

Answer 1

一种方法：

$('#parent').removeClass().addClass(function(){
    return ["none", "one", "two", "three", "four"]
       [$(this).children('.child').length];
});