使用递增变量重复 HTML 元素

Question

我目前有一个简单的 html 列表。我想要的是重复这个列表项，每个重复的元素都有一个变量，每次重复它都会增加一个。

我在上面的列表项中包含的 php 调用来自 WordPress 上的高级自定义字段插件。我要更改的变量是那些 php 调用中的数字。

<ul>
 <li>

  <?php the_field('vendor_1_name'); ?> <!--the number is the variable that i want to increase by one with each repition-->
  <a href="http://<?php the_field('vendor_1_url'); ?>" target="_blank"/>
    <?php the_field('vendor_1_url'); ?>
  </a>

 </li>

</ul>

我知道如何使用数组执行此操作，但我很想听听有关如何执行此类操作的其他方法。谢谢！

Answer 1

<ul>
  <?php for ($z = 0; $z < $n; $z++) : ?>
  <li>
     <?php the_field('vendor_'.$z.'_name'); ?>
     <a href="http://<?php the_field('vendor_'.$z.'_url'); ?>" target="_blank">
        <?php the_field('vendor_'.$z.'_url'); ?>
     </a>
   </li>
   <?php endfor; ?>
</ul>

其中 $n 是它应该迭代的次数。

Answer 2

使用for循环。如果您有一个项目数组（您是从数据库中获取供应商吗？），只需遍历该数组即可：

<?php

// fetch values and define $vendors
// using sql is highly recommended

echo "<ul>\n";

for ($i = 0; $i < count($vendors); $i++) {
    echo "<li><a href='".$vendors[$i]['vendor_url']."'>".$vendors[$i]['vendor_name']."</a></li>\n";
}

echo "</ul>\n";

?>

请注意，数组会显示 vendor_name 而不是 vendor_1_name，因为该字段的名称中不会包含迭代。

使用递增变量重复 HTML 元素

Repeating an HTML element with incrementing variables

html

php

wordpress

advanced-custom-fields