用php给每个id和锚标记添加一个数字

Question

I want to be able to add a number to each div and anchor tag dynamically. I cant wrap my head around this. I have several accordions with dynamic data and i need to add a id with a number so i can be able to toggle open and close the accordion. So i need to add a number to each id. The issue is when i just add this variable it keeps adding the numbers up and doesnt match up to its parent.

In order for my accordion to work the anchor tag and the div tag need to have the same id.

    <?php $i = 0; ?>

    <div id="accordion-<?php echo ++$i;?>" >
      <a class="accordion-toggle" data-parent="#accordion-<?php echo ++$i;?>" href="#details-0-<?php echo ++$i;?>" data-toggle="collapse" >
        Click me to toggle
      </a>
    </div>


    <div class="panel-collapse collapse in" id="details-0-<?php echo ++$i;?>">
      <div class="panel-body">

Data goes here
      </div>
    </div>

Answer 1

Basically : remove every ++ except for one. For simplier code, add it in a separate instruction.

<?php $i = 0; ?>

<?php $i++; ?>
<div id="accordion-<?php echo $i;?>" >
  <a class="accordion-toggle" data-parent="#accordion-<?php echo $i;?>" href="#details-0-<?php echo $i;?>" data-toggle="collapse" >
    Click me to toggle
  </a>
</div>

<div class="panel-collapse collapse in" id="details-0-<?php echo $i;?>">
  <div class="panel-body">
     Data goes here
  </div>
</div>

Answer 2

You can enclose your code in a loop and remove all ++ like this

<?php $accordionQuantity = 5; ?>

<?for($i=0;$i<$accordionQuantity;$i++):?>
<div id="accordion-<?php echo $i;?>" >
  <a class="accordion-toggle" data-parent="#accordion-<?php echo $i;?>" href="#details-0-<?php echo $i;?>" data-toggle="collapse" >
    Click me to toggle
  </a>
</div>

<div class="panel-collapse collapse in" id="details-<?php echo $i;?>">
  <div class="panel-body">
     Data goes here
  </div>
</div>
<?endfor;?>