javascript - 如何隐藏每条记录的按钮

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";

所有表数据都应遵循类似的操作。