jquery - JQuery nth Child divs 子项

Question

我为每个调用的产品列表使用一个 div，result-products其中包含标题、图像、描述和信息的 div。result-products将为 中的每个条目调用database。我想让每三分之一更改为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"但它也得到了第 3 个 div "result-products-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>

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>