使用 PHP 为每个 ID 和锚标记添加一个数字


adding a number to each id and anchor tag with php

我希望能够动态地为每个div和锚标签添加一个数字。我无法理解这一点。我有几个带有动态数据的手风琴,我需要添加一个带有数字的 id,以便能够切换打开和关闭手风琴。所以我需要为每个 id 添加一个数字。问题是当我只是添加这个变量时,它会不断添加数字并且与其父级不匹配。

为了使我的手风琴工作,锚标签和div 标签需要具有相同的 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>

基本上:删除除一个之外的所有++。为了简化代码,请将其添加到单独的指令中。

<?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>

您可以将代码包含在循环中并像这样删除所有++

<?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;?>