How can i access every 5th Div?, in a container

@cpkid2Jan 22.2011 — #This tutorial should help you.

@tirnaJan 22.2011 — #This accesses the starting div and then every nth div after the starting div.

Replace the alert() with whatever you want to do with the div.

[code=html] 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title></title>
 <script type="text/javascript">
 window.onload=function(){
 divsO = document.getElementById("container").getElementsByTagName('div');
 var startDiv = 1, step = 3, count = 0;
 for(i=startDiv-1; i < divsO.length; i++){
 if(i == startDiv-1 || ++count == step) {
 alert(divsO[i].innerHTML);
 count = 0;
 }
 }
 }
 </script>
 </head>
 <body>
 <div id="container">
 <div>This is div 1</div>
 <div>This is div 2</div>
 <div>This is div 3</div>
 <div>This is div 4</div>
 <div>This is div 5</div>
 <div>This is div 6</div>
 <div>This is div 7</div>
 <div>This is div 8</div>
 <div>This is div 9</div>
 <div>This is div 10</div>
 </div>
 </body>
 </html>
 
 [/code]

@toicontienJan 22.2011 — #Or:

[CODE]jQuery("#container div").each(function(i, div) {
 if (i === 0 || i + 1 &#37; 5 === 0) {
 // do something
 }
 });[/CODE]

@toptomatoauthorJan 23.2011 — #Thank you all very much! Truly appreciated,

I will try them all.

How can i access every 5th Div?, in a container

4 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

How can i access every 5th Div?, in a container

4 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #JavaScript _↴