Question

我希望能够动态地为每个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>

Answer 1

基本上：删除除{1}之外的每个++。对于更简单的代码，请将其添加到单独的指令中。

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

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

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

使用php为每个id和anchor标记添加一个数字

2 个答案: