blocks|key|2326684|text|您只需要比较i值和4|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2326685|$('.row+>+.item').each(function(i){
+++if+(i+%25+3+==+0+&&+i+!=+0)
++++++//+Add+class.
++++++$(this).addClass("newclass");
});|code-block|syntax|javascript|2326686|也可以使用jQuery的：|2326687|$('.row+.item:nth-child(3n)').addClass("active");|2326688|entityMap^0|6|1|9|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

You just need to compare the <code>i</code> value with <code>4</code>:

<pre><code>$('.row &gt; .item').each(function(i){
 if (i % 3 == 0 &amp;&amp; i != 0)
 // Add class.
 $(this).addClass("newclass");
});
</code></pre>

Or you can also use jQuery's:

<pre><code>$('.row .item:nth-child(3n)').addClass("active");
</code></pre>

blocks|key|1111672|text|问题是您正在用for循环重置迭代器。取而代之的是这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1111673|$('.row+>+.item').each(function(i){
++++if+(i+%25+3+==+0+&&+i+!=+0)+{
+++++++//+Here+i+want+to+add+a+class+if+the+index+of+the+.item+is+3.
++++}
});|code-block|syntax|javascript|1111674|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The problem is that you are resetting the iterator with your for loop. Do this instead:

<pre><code>$('.row &gt; .item').each(function(i){
 if (i % 3 == 0 &amp;&amp; i != 0) {
 // Here i want to add a class if the index of the .item is 3.
 }
});
</code></pre>

blocks|key|2326728|text|只需比较一下如下索引：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2326729|$('.row+>+.item').each(function(+i,el+){
++++++if+(i+==+3)
++++++++++$(el).addClass("newclass");
});|code-block|syntax|javascript|2326730|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Just compare the index like this:

<pre><code>$('.row &gt; .item').each(function( i,el ){
 if (i == 3)
 $(el).addClass("newclass");
});
</code></pre>

blocks|key|1111681|text|这些答案中有很多是错误的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1111682|$('.row+>+.item').each(function(i){
+++if+(i+%25+4+==+3)
++++++//+Add+class.
++++++$(this).addClass("newclass");
});|code-block|syntax|javascript|1111683|晚安|1111684|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

So much wrong in some of these answers

<pre><code>$('.row &gt; .item').each(function(i){
 if (i % 4 == 3)
 // Add class.
 $(this).addClass("newclass");
});
</code></pre>

Good night

blocks|key|1119839|text|如果要将类添加到索引为3的倍数的每个项中，则可以使用以下余数运算符：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1119840|$('.row+.item').each(function(i){
+++if+(i+%25+3+==+0+&&+i+!=+0)
++++++$(this).addClass("you-new-class");
});|code-block|syntax|javascript|1119841|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you want to add a class to every item with index of 3's multiple, you can use remainder operator like

<pre><code>$('.row .item').each(function(i){
 if (i % 3 == 0 &amp;&amp; i != 0)
 $(this).addClass("you-new-class");
});
</code></pre>

blocks|key|1119847|text|据我所知，您希望在每第四个div中添加一个类，其中类为“item”，在div下为“row”。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1119848|您可以使用以下代码片段：|1119849|$('.row+>+.item').each(function(i,+ele){
++++if((i%2B1)+%254+===0)
++++//Add+class+using+$(ele).addClass();
});|code-block|syntax|javascript|1119850|此外，您也可以使用CSS3伪选择器(nth-child)作为相同的选择器。如果你需要帮助的话请告诉我。|1119851|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

As of what I understand you want to add a class to every fourth div with class 'item' under div with class 'row'. 

You can use the following code snippet:

<pre><code>$('.row &gt; .item').each(function(i, ele){
 if((i+1) %4 ===0)
 //Add class using $(ele).addClass();
});
</code></pre>

Moreover, you can use CSS3 pseudo selector (nth-child) for the same. Let me know if you need help regarding the solution.

I'm struggling a little bit with a for loop in jquery. I have a div with the class <code>.row</code>. Inside that div there are a number of <code>.item</code> div's. I do not know the number of items in advance.

What i want is to start counting at 0 and end at 3. Like (0,1,2,3,0,1,2,3...etc)

HTML:

<pre><code>&lt;div class="row cl"&gt;
 &lt;div class="item"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

What i've tried:

<pre><code>$('.row &gt; .item').each(function(i){
 for(i=0;i&lt;4;++i){
 // Here i want to add a class (repeatedly) if the index of the .item is 3.
 }
});
</code></pre>

The result in the above example isn't working properly. I'm getting 3's everywhere. I know how to add a class it's all about the counting part.

<blockquote>
 I normally can use a CSS selector like <code>:nth-child()</code> but i need it to
 work in IE 8, and that's not supporting all of the child selectors.
</blockquote>

For loop jQuery, start over after 4 items

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在为jquery中的for循环而挣扎。我有一个.row类的div。在这个div里面有一些.item div，我不知道预先的项目数。我想要的是在开始计数，在3结束。喜欢(0,1,2,3,0,1,2,3...etc)HTML:<div class="row cl"> <div class="item"></div...

问对于循环jQuery，在4项之后重新开始
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对于循环jQuery，在4项之后重新开始EN