PHP生成的表格按钮onclick只适用于第一个

<?php
// 生成表格数据
$tableData = [
    ['Name 1', 'Button 1'],
    ['Name 2', 'Button 2'],
    ['Name 3', 'Button 3'],
    // ...
];

// 输出表格
echo '<table>';
foreach ($tableData as $row) {
    echo '<tr>';
    foreach ($row as $cell) {
        echo '<td>' . $cell . '</td>';
    }
    echo '<td><button class="table-button">Click</button></td>';
    echo '</tr>';
}
echo '</table>';
?>

<script>
// 为每个按钮设置不同的onclick事件
var buttons = document.getElementsByClassName('table-button');
for (var i = 0; i < buttons.length; i++) {
    buttons[i].onclick = function() {
        // 执行不同的操作，例如根据按钮所在行的数据进行处理
        var row = this.parentNode.parentNode;
        var name = row.cells[0].innerHTML;
        var button = row.cells[1].innerHTML;
        // ...
    };
}
</script>