jquery - 根据子 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()，但我不知道如何将它们放在一起。我非常感谢任何建议。

谢谢！

score 2 · Accepted Answer

一种方法：

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

1 回答 1