php - 在 anchor 标记内添加动态计数器编号

Question

我这里有一些代码输出如下:

本质上，我想使用相同的页面 anchor 标记，以便用户可以单击小 Logo 并转到较大的 Logo 和信息。

因为它是一个 Wordpress 站点，所以我使用 ACF 转发器字段来实现这一点。此转发器字段使后端用户能够添加更多客户，他们可以为每个客户添加图像、公司名称和段落文本。

然后我刚刚重复了上面的转发器字段，只显示了图像，但把它们缩小了很多。

正如您将在下面的代码中看到的，我在每张较小的照片周围分配了 <a href="#anchor1"></a>，然后是:<a name="anchor1"></a> 就在每张较大的照片上方。

但我需要一种计算数字的方法，所以当它们出现时，它们不都是 anchor1，而是变成 anchor2、anchor3 等等。

有什么想法吗？

<div class="container client-page-logos-small" >
<div class="row">

  <h3>Click company to see more</h3>

  <?php if( have_rows('client_page_logos', 123456) ): ?>

  <ul class="client-page-logos-small">

  <?php while( have_rows('client_page_logos', 123456) ): the_row(); 

    // vars
    $logo = get_sub_field('client_page_logo');

    ?>

    <a href="#anchor1">
      <li class="client-page-logos-small">
          <img src="<?php echo $logo['url']; ?>" alt="<?php echo $logo['alt'] ?>" />
      </li>
    </a>

  <?php endwhile; ?>

  </ul>

  <div style="clear: both;"></div>

  <?php endif; ?>

  <hr>

</div>
</div>




<div class="container client-page-logos" >
<div class="row">

  <?php if( have_rows('client_page_logos', 123456) ): ?>

  <ul class="client-page-logos">

  <?php while( have_rows('client_page_logos', 123456) ): the_row(); 

    // vars
    $logo = get_sub_field('client_page_logo');
    $name = get_sub_field('client_name');
    $text = get_sub_field('client_text');

    ?>

    <li class="client-page-logos">
        <a name="anchor1"></a>
        <img src="<?php echo $logo['url']; ?>" alt="<?php echo $logo['alt'] ?>" />
        <h3><?php echo $name; ?></h3>
        <p><?php echo $text; ?></p>
    </li>

  <?php endwhile; ?>

  </ul>

  <?php endif; ?>

</div>
</div>

Answer 1

您需要像下面这样添加计数器:-

<?php 
  $i = 1;
  while( have_rows('client_page_logos', 123456) ): the_row(); 
  // vars
  $logo = get_sub_field('client_page_logo');
?>

<a href="#anchor<?php echo $i;?>">
    <li class="client-page-logos-small">
        <img src="<?php echo $logo['url']; ?>" alt="<?php echo $logo['alt'] ?>" />
    </li>
</a>

<?php $i++;endwhile; ?>

和

<?php

  $j = 1;
  while( have_rows('client_page_logos', 123456) ): the_row(); 

  // vars
  $logo = get_sub_field('client_page_logo');
  $name = get_sub_field('client_name');
  $text = get_sub_field('client_text');
?>

<li class="client-page-logos">
    <a name="anchor<?php echo $j;?>"></a>
    <img src="<?php echo $logo['url']; ?>" alt="<?php echo $logo['alt'] ?>" />
    <h3><?php echo $name; ?></h3>
    <p><?php echo $text; ?></p>
</li>

  <?php $j++ ;endwhile; ?>