如何为每条记录隐藏按钮

Question

我有这个问题，每当管理员ID为'20182'时，对于每个学生记录，更新和删除按钮都将隐藏。但是，我不知道该怎么做。我已经完成使用javascript的操作，但是看起来只删除了第一条记录的“更新和删除”按钮。谢谢您的帮助。

屏幕截图

html

    <table class="table table-striped table-advance table-hover">
            <hr>
            <thead>
              <tr>
                <th>#</th>
                <th>Student Name</th>
                <th>Class Name</th>                 
                <th colspan='2' id='action'>Action</th>
                <th></th>
              </tr>
            </thead>
            <tbody> 
            <?php

            while($row = $result2->fetch_assoc()) {
                $studid=$row['studID'];
                $studname=$row['studName'];
                echo"<tr>";
                echo "<td>" . $row['studID'] . "</td>";
                echo "<td>" . $row['studName'] . "</td>";
                echo "<td>" . $row['cName'] . "</td>";

                echo"<td id='update'><a href='update_student.php? 
                text1=$studid&studname=$studname'><button class='btn btn- 
                primary btn-xs' ><i 
                class='fa fa-pencil'>Update</i></button></a>";

                echo"<td id='delete'><a href='delete_student.php? 
                text1=$studid'><button class='btn btn-danger btn-xs'><i 
                class='fa fa-trash-o' >Delete</i></button></a>";                
            }

        $conn->close();
        ?>
            </tbody>
          </table>

JavaScript

   var admin = "<?php echo $a ?>";
                if (admin == "20182") {
                document.getElementById('add').style.display = "none"; 
                document.getElementById('update').style.display = "none"; 
                document.getElementById('delete').style.display = "none"; 
                document.getElementById('action').style.display = "none"; 
                }

Answer 1

使用td构建表数据时，应使用class='update'代替id='update'。然后，您应该使用document.getElementsByClassName通过编写以下内容来访问所有元素：

document.getElementsByClassName('update').style.display = "none";

所有表数据都应遵循类似的内容。