Question

我在每个名为“结果产品”的产品列表中使用div，其中包含标题，图像，描述和信息的div。将为数据库中的每个条目调用结果产品。我想让每三个人改成“结果 - 产品 - 第三”。为此，我使用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"获得一次，但它也会获得第{div}内的第三个div。我怎么能阻止它进入下一个孩子呢

"result-products-des"

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>

JQuery nth Child divs children

2 个答案: