Question

而不是写作：

<ul class="tabs">
      <li><a href="#tab1">1-50</a></li>
      <li><a href="#tab2">51-100</a></li>
      <li><a href="#tab3">101-150</a></li>
      <li><a href="#tab4">151-200</a></li>
      <li><a href="#tab5">201-250</a></li>
      <li><a href="#tab6">251-300</a></li>
      <li><a href="#tab7">300-350</a></li>
      <li><a href="#tab8">351-400</a></li>
      <li><a href="#tab9">401-500</a></li>
</ul>

直到 950-1000 ，这将是标签20 - 有没有办法使用PHP / JavaScript for循环来创建更紧凑的代码？

Answer 1

我认为这应该适合你：

<ul class="tabs">
<?php
$end_at = 1000;
$group_by = 50;
for($i=0;$i<$end_at/$group_by;$i++) {
    echo '<li><a href="#tab', $i + 1, '">', $i * $group_by + 1, '-', ($i+1) * $group_by, "</a></li>\n";
}
?>
</ul>

Example output

Answer 2

或者这个：

<ul class="tabs">
  <?php for($i=1;$i<=1000;$i++): ?>
  <?php if($i % 50 == 0): ?>
    <li><a href="#tab<?php echo $i; ?>"><?php echo $i-49 ?>-<?php echo $i; ?></a></li>
  <?php endif; ?>
  <?php endfor; ?>
</ul>

在PHP / JavaScript中循环使用HTML代码

2 个答案: