如何使用jQuery获取表格中名称的唯一ID？点击收藏按钮异常求助

看起来你是在PHP环境里生成表格，现在遇到了两个核心问题：一是没法正确拿到每个名称对应的唯一ID，二是点击收藏按钮时输出了错误的.$dbRow[内容——这明显是PHP变量没正确解析导致的，我来一步步帮你搞定：

1. 正确把唯一ID绑定到收藏按钮 #

假设你是用PHP循环遍历数据库结果生成表格，每个$dbRow里包含id（唯一数字ID）和name字段，那你需要在生成按钮时，把ID通过HTML属性传递出去，最稳妥的方式是用data-*自定义属性：

示例PHP+HTML代码 #

<?php
// 假设这是你的数据库查询结果循环
while ($dbRow = mysqli_fetch_assoc($result)) {
?>
<tr>
  <td><?php echo htmlspecialchars($dbRow['name']); ?></td>
  <td>
    <!-- 用data-id存储唯一ID，后续JS可以轻松获取 -->
    <button class="favorite-btn" data-id="<?php echo $dbRow['id']; ?>">收藏</button>
  </td>
</tr>
<?php
}
?>

这里加htmlspecialchars()是为了防止XSS攻击，属于前端输出的基本安全操作，一定要记得加上。

2. 修复点击按钮时的变量解析错误 #

你提到点击时只显示.$dbRow[，应该是你直接在HTML里写了未被PHP解析的变量，比如错误写法可能是这样：

<button onclick="favorite(.$dbRow['id'].)">收藏</button>

这种写法完全错误，PHP变量没有被正确解析，才会输出乱码。下面给你两种正确的处理方式：

方式一：用data属性+JavaScript获取ID #

// 给所有收藏按钮绑定点击事件
document.querySelectorAll('.favorite-btn').forEach(btn => {
  btn.addEventListener('click', function() {
    const itemId = this.dataset.id; // 从data-id里拿到唯一ID
    console.log('要收藏的项ID：', itemId);
    // 这里可以写你的收藏逻辑，比如发AJAX请求后端接口
  });
});

方式二：直接在PHP里把ID输出到点击事件参数 #

<button onclick="favorite(<?php echo $dbRow['id']; ?>)">收藏</button>

<!-- 对应的JS函数 -->
<script>
function favorite(itemId) {
  console.log('要收藏的项ID：', itemId);
  // 执行你的收藏操作，比如调用后端接口
}
</script>

3. 验证ID是否正确传递 #

你可以在页面加载后，右键点击收藏按钮选择“检查元素”，查看按钮的data-id属性或者onclick参数里是否显示了正确的数字ID。如果还是显示.$dbRow[这类内容，那大概率是PHP循环里的语法错误：

• 检查PHP标签是否正确闭合（<?php ?>有没有漏写）
• 确认变量名拼写正确，比如是不是$dbRow['id']而不是$dbRow[id]（后者在PHP严格模式下会报错）

最后提醒下，处理数据库数据输出到HTML时，一定要做好转义；如果后续要把ID传给后端接口，也要注意用预处理语句防止SQL注入哦。

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