JQuery第n个子divs子级

JQuery第n个子divs子级,jquery,jquery-selectors,css-selectors,Jquery,Jquery Selectors,Css Selectors,我为每个产品列表使用一个div,名为result products,其中包含标题、图像、描述和信息的div。将为数据库中的每个条目调用结果产品。我想让每三分之一的产品更改为result products third。为此,我使用jquery代码: $("#products-results :nth-child(3n)").removeClass("result-products"); $("#products-results :nth-child(3n)").addClass("result-p

我为每个产品列表使用一个div,名为
result products
,其中包含标题、图像、描述和信息的div。将为
数据库中的每个条目调用
结果产品
。我想让每三分之一的产品更改为
result products third
。为此,我使用jquery代码:

$("#products-results :nth-child(3n)").removeClass("result-products");
$("#products-results :nth-child(3n)").addClass("result-products-third");
“#产品结果”
是使用的包含div

问题是,当第n个子项每隔3次获得一次“结果产品”
时,它也会获得第三个div,即
“结果产品des”
。 我怎样才能阻止它进入下一个孩子的身体呢

<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>

内容
形象
描述
信息

您可以使用子选择器:

$("#products-results > :nth-child(3n)").removeClass("result-products");
$(函数(){
$(文档).find('div').sides().each(函数()){
var obj=$(本);
obj.find('div')。每个(函数(){
var obj1=$(此值);
如果(!obj1.children().length>0){
警报(obj1.html());
}
});
});
});
XYZ私人有限公司。
ABC私人有限公司。
“$(函数(){”秋天的第一天,我创建了自动启动的匿名函数。在该函数中,我发现三个父div使用同级。然后我在所有3个父div中迭代,并检查每个子div的长度。如何识别是否是父div中的最后一个div。现在我正在提醒每3个主父div的最后一个div html。
    $(function(){
            $(document).find('div').siblings().each(function(){
                var obj = $(this);
                obj.find('div').each(function(){
                    var obj1 = $(this);
                    if(!obj1.children().length > 0){
                        alert(obj1.html());
                    }
                });

            });
        });

<div id="2">
    <div>
        <div>
            <div>XYZ Pvt. Ltd.</div>
        </div>
    </div>
</div>
<div id="3">
    <div>
        <div>
            <div>ABC Pvt Ltd.</div>
        </div>
    </div>
</div>