JQuery第n个子divs子级
我为每个产品列表使用一个div,名为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
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>