Javascript 多个div addClass和increment后缀

Javascript 多个div addClass和increment后缀,javascript,jquery,html,css,loops,Javascript,Jquery,Html,Css,Loops,我在这里工作,我在动态地向.gallery items添加类,我在.column1、.column1中添加类,并为.manstory item添加后缀增量的.image holder。 主要的父div是.marysizegrid,因此我有多个.marysizegriddiv 因此,第一个父div添加了后缀.image holder,增量工作正常 但对于从6,7,8 n开始的第二个父代,所有。我想从1,2,3和4,5开始,就像所有父div的第一个div一样 我曾尝试使用$(this),但无法实现。

我在这里工作,我在动态地向
.gallery items
添加类,我在
.column1、.column1
中添加类,并为
.manstory item
添加后缀增量的.image holder。 主要的父div是
.marysizegrid
,因此我有多个
.marysizegrid
div 因此,第一个父div添加了后缀
.image holder
,增量工作正常

但对于从6,7,8 n开始的第二个父代,所有。我想从1,2,3和4,5开始,就像所有父div的第一个div一样

我曾尝试使用
$(this)
,但无法实现。有人可以建议我如何实现所需的输出

$(文档).ready(函数(){
$('.gallery项:第n个类型(奇数)).addClass('column1');
$('.gallery项:第n个类型(偶数)')。addClass('column2');
$('.Massive grid')。每个(函数(){
$(“.column1”)。子项(“.mansory项”)。每个(函数(i){
$(this.addClass(“图像保持器”+(i+1));
});
$(“.column2”)。子项(“.mansory项”)。每个(函数(i){
$(this.addClass(“图像保持器”+(i+4));
});
});
});

您可以使用
$(此项)。查找
而不是
$(“.column1”)。子项
,因为前者将为您提供该特定元素的子项以及选择器的选择,而后者将为您提供所有
。column1
元素:

$(文档).ready(函数(){
$('.gallery项:第n个类型(奇数)).addClass('column1');
$('.gallery项:第n个类型(偶数)')。addClass('column2');
$('.Massive grid')。每个(函数(){
$(this).find('.column1.manstory item')。每个(函数(i){
$(this.addClass(“图像保持器”+(i+1));
});
$(this).find('.column2.manstory item')。每个(函数(i){
$(this.addClass(“图像保持器”+(i+4));
});
});
});

1.
2.
3.
4.
5.
6.
7.
8.
9
10

@Husna很高兴这有帮助