根据子 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];
});