JQuery nth Child divs children

Question

我为每个名为"结果产品"的产品列表使用div,其中包含标题,图像,描述和信息的div.将为数据库中的每个条目调用结果产品.我想让每三个人改成"结果 - 产品 - 第三".为此,我使用jquery代码:

$("#products-results :nth-child(3n)").removeClass("result-products");
$("#products-results :nth-child(3n)").addClass("result-products-third");

result-products 是使用的包含div.

问题是当第n个孩子每3个孩子得到一次,result-products但它也会得到第3个div database.我怎么能阻止它进入下一个孩子

<div class="result-products">
  <div class="result-products-title">
    content
  </div>
  <div class="result-products-img">
    image
  </div>  
  <div class="result-products-des">
    description
  </div>
  <div class="result-products-info">
    info
  </div>
</div>

Answer 1

您可以使用子选择器:

$("#products-results > :nth-child(3n)").removeClass("result-products");