Jquery 对div元素进行计数并将类附加到其父容器中

作为jquery的新手，我正在寻找一种方法来计算父div中的div元素/类，并根据存在的元素数量为父div添加一个类

<div class="container four_items">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

在上面的示例中，container div在类four_items之前，因为它包含四个项

<div class="container three_items">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

在本例中，父容器连续地在e_items前面加上前缀，因为它包含三个带有item类的div实例

---

非常感谢您提供的任何帮助

您可以这样做，您需要在数组中设置数字字符串，如我在下面的示例num中定义的wise，我已经对其设置了条件，如果未找到，它将在数组中添加数字计数

$document.readyfunction{ //您可以根据需要添加数字列表 设num=[ 零 一 二 三 四 五 ]; //查找元素的数量 让num_of_item=$.container.item.length； //检查元素编号是否可用，然后从num返回vlaue，否则将返回原始长度编号 让find_item_num=num[num_of_item]？num[num_of_item]：num_of_item； //这将在.container类中添加三个\u项 $.container.addClassfind\u item\u num+\u items； //显示类的列表 console.log$.container.attrclass； }; 使用数值类items_3，您可以使用

$(".container").addClass(function() {
  return "items_" + $(this).children(".item").length;
});

如果您需要三个作为文本，那么可以将其索引到另一个答案中详细说明的文本数组中，因此这里不会重复

带有一些css的示例代码片段，以显示发生了什么：

$.container.addClassfunction{ 返回项目\+$this.children.item.length； }; .container{float:左；高度：50px；宽度：50px；} .container>.item{边框：1px实心CCC；高度：10px；宽度：10px；} .items_4{边框：1px纯红色；} .items_3{边框：1px纯绿色；} 它是否必须是三个项目的排版旁边，或者它可以是项目3-这将是如此容易…是否有一个以上的。在页面上的容器在同一时间？我的回答不重要，只是澄清一下