How to generate markup ids for dynamic divs?

Question

How to generate ids for dynamic div tags using php or jQuery?

example: php generates 36 divs, how to set each div to be unique in the range 1 to 36?

Olical · Answer 1 · 2010-09-22T15:45:30.587

1

How about:

for($i = 1; $i < 37; $i++)
{
   echo "<div id='div-$i'></div>";
}

Edit: 2D version, even though you have one, I didn't realise this is what you wanted.

for($x = 1; $x <= 36; $x++)
{
    for($y = 1; $y <= 36; $y++)
    {
        echo "<div id='div-$x-$y'></div>";
    }
}

edited Sep 22 '10 at 15:45

answered Sep 22 '10 at 15:06

Olical

1

Please note though, a valid html id must start with a character A-Z, a-z. – Chris Sep 22 '10 at 15:08
@Chris, that's why I used `div` as a prefix :) – Jacob Relkin Sep 22 '10 at 15:08
Its not working, because each dynamic div gets the same property- 1 – Nation Sep 22 '10 at 15:11
Tnx, this solution worked for me :) – Nation Sep 22 '10 at 15:26
Oh, sorry, did you want it to be two dimentional like, 1-1, 1-2, 2-1, 2-2? – Olical Sep 22 '10 at 15:39
Yes :) How to set break when $z=10? After 10, its start loop agen – Nation Sep 22 '10 at 15:45
Well I just edited, change 36 to what you want, it will make essentially a grid to the x and y you specify – Olical Sep 22 '10 at 15:46
Anyway its repets from 36. I think its because i have php script for dynamic grid: = -3; $k--) { for ($j = -3; $j <= 2; $j++) { $st_x = ($k + 3) * 58 + ($j + 3) * 58; $st_y = (3 - $k) * 25 + ($j + 3) * 25; ?> – Nation Sep 22 '10 at 16:08

Jacob Relkin · Answer 2 · 2010-09-22T15:27:01.593

1

Try this:

You can use PHP:

<?php for($i = 0; $i <= 36; $i++) { ?>
      <div id="div<?php echo $i; ?>"></div>
<?php } ?>

or JavaScript:

for(var i = 1; i <= 36; i++) {
    var div = document.createElement('div');
    div.id = 'div' + i;
    document.body.appendChild(div);
}

edited Sep 22 '10 at 15:27

answered Sep 22 '10 at 15:07

Jacob Relkin

Okey this solution worked for me :) – Nation Sep 22 '10 at 15:21
1

@Nation Then mark it as the solution: click the grey tick on the left hand side. – fredley Sep 22 '10 at 15:24
How to set brake? After 36, its start loop agen. – Nation Sep 22 '10 at 15:25
Do you know PHP break manual? How to set break when $z=10? After 10, its start loop agen from 1-10 and again, and again... How to stop it? – Nation Sep 23 '10 at 05:49

score 0 · Answer 3 · answered Sep 22 '10 at 15:07

0

for(i=1;i<=36;i++){
  echo "<div id='my-div-$i'>".$divContents[$i]."</div>";
}

answered Sep 22 '10 at 15:07

fredley

3 Answers3