我有一个远循环,它检查数字并将结果输出到那个数字。
例如,在下图中,“剪切图像”被多次显示。我在远循环中有标签,所以它根据次数输出图像。这个数字来自数据库。
我的问题。 显然,第一行中的所有图像都具有相同的 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() {
但我需要帮助为远循环中的每个元素分配不同的唯一值。
提前致谢。
最佳答案
我认为您在 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 代码后,您可以将其提升以供使用。
关于php - 为for循环中的每个元素赋予不同的ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44900664/