title: Repeating an HTML element with incrementing variables
body: <p>I currently have a simple html list. What I want is to repeat this list item with each repeated element having a variable that will increase by one, each time it is repeated.</p>
  
  <p>The php calls that i have included in the above list item is from the Advanced Custom Field plugin on WordPress. The variable I want to change is the number inside of those php calls.</p>
  
  <pre><code>&lt;ul&gt;
   &lt;li&gt;
  
    &lt;?php the_field('vendor_1_name'); ?&gt; &lt;!--the number is the variable that i want to increase by one with each repition--&gt;
    &lt;a href="http://&lt;?php the_field('vendor_1_url'); ?&gt;" target="_blank"/&gt;
      &lt;?php the_field('vendor_1_url'); ?&gt;
    &lt;/a&gt;
  
   &lt;/li&gt;
  
  &lt;/ul&gt;
  </code></pre>
  
  <p>I have an idea of how to do this using an array, but I would love to hear other methods on how to do something like this. Thanks!</p>