php - 为for循环中的每个元素赋予不同的ID

Question

我有一个远循环，它检查数字并将结果输出到那个数字。

例如，在下图中，“剪切图像”被多次显示。我在远循环中有标签，所以它根据次数输出图像。这个数字来自数据库。

我的问题。显然，第一行中的所有图像都具有相同的 ID。目前用户只能点击该行的第一张图片。如果可能的话，我想给每个元素不同的 ID。比我想使用 JQuery 添加点击事件。因此，如果我点击第一行的第 4 张图片，它会显示警告消息，如果我点击第 5 张图片，它会显示不同的提醒消息。

我如何为 far 循环中的每个元素分配不同的 ID，这样它只会使第一个图像可点击，而不是所有元素都可点击。

我的循环

 <table class="table table-bordered">
    <thead>
    <tbody>
      <tr>
        <?php
        for($x=0; $x < $row['noof10s_vnr']; $x++){ 
            ?>

            <td><img alt="" class="yellow-process center-block " id ="cut-full-roll-<?php echo $row['id_vnr']; ?>" name="<?php echo $row['id_vnr']; ?>" src="../../css/icons/vinyl-rolls/cut.png"></td>
        <?php
        }
        ?>

      </tr>
    </tbody>
  </table>

我的 jquery 选择器如果我可以给每个元素不同的 ID，那么我可以做这样的事情来将点击事件添加到点击图像。

jQuery( "#vinyl-roll-down-<?php echo $row['id_vnr']; ?>" ).click(function() {

但我需要帮助为远循环中的每个元素分配不同的唯一值。

提前致谢。

Answer 1

我认为您在 PHP 中的循环没有问题。问题出在您的 jquery 上，请尝试使用 use 属性获取正确的 id选择器 attr("id")。

jQuery( ".yellow-process" ).click(function() {
    var selected = jQuery(this).attr("id");
    alert(selected); // to show the selected image id
    // use the variable selected to do something with it.
}

尝试此 jquery 代码后，您可以将其提升以供使用。