Php类自动增量

Question

我想在Wordpress循环中自动生成以下代码：

<ul class="content">
  <li class="box it" data-id="id-1" data-type="it">
    <h1>No# 01</h1>
  </li>
  <li class="box medical" data-id="id-2" data-type="medical">
            <h1>No# 02</h1>
  </li>
  <li class="box education" data-id="id-3" data-type="education">
            <h1>No# 03</h1>
  </li>
</ul>

我希望它能在Wordpress循环中使用我的php代码来回显“data-id =”+（自动递增的数字，如上例所示）。

我将如何构建循环？

Answer 1

试

<ul class="content">
 <?php for($i=1;$i<some_num;$i++) {?>
 <li class="box it" data-id="id-<?php echo $i; ?>" data-type="it">
    <h1>No# <?php echo $i; ?></h1>
  </li>
  <?php  } ?>
</ul>