JQuery nth Child divs 子项

Question

我为每个名为 result-products 的产品列表使用了一个 div，其中包含标题、图像、描述和信息的 div。将为database 中的每个条目调用result-products。我想让每三分之一更改为result-products-third。为此，我使用 jquery 代码：

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

"#products-results" 是使用的包含 div。

问题是当第 n 个孩子获得每 3 个 "result-produts" 时，它也获得了 "result-products-des" 内的第三个 div。 我怎样才能阻止它进入下一个孩子

<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");

Answer 2

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