如何修改代码实现单函数处理所有记录，避免为每条记录单独编写脚本？

步骤1：调整HTML生成逻辑，统一添加通用类 #

遍历记录时，移除循环内重复生成的脚本代码，只保留图片生成逻辑，同时给所有图片添加一个通用类（比如resizeable-img）：

$tbody .= '<td><img id="img'.$idImage .'" class="minresize resizeable-img" src="'.ASSETDIRECTORY.'uploads/'.$value.'" alt="'.$value.'" title="'.$value.'"></td>';

步骤2：添加全局通用脚本（仅需在页面中加载一次） #

将这个脚本放在页面底部或<head>标签内即可，不用在循环里重复生成：

<script>
$(document).ready(function(){
    // 用类选择器绑定所有目标图片的点击事件
    $(".resizeable-img").click(function () { 
        $(this).toggleClass("minresize"); 
    });  
});
</script>

核心说明 #

• 用类选择器替代原有的ID选择器，一次性完成所有图片的事件绑定，彻底消除循环生成重复脚本的冗余问题
• 用$(this)指代当前被点击的图片元素，精准切换当前元素的样式类，无需再依赖每个图片的唯一ID

内容的提问来源于stack exchange，提问作者user3490785