Php 如何显示表格的更多信息

我有一张包含数据库信息的表格。有ID、姓名、主题和日期。当我点击表格的一行（tr）时，我想显示更多的数据，如消息、操作系统、IP等。我找到了解决方案，但它只在第一个tr上起作用，而不是全部

这是我的密码：

while($row = $result->fetch_assoc())
{
   $id=$row['ID'];
   $name=$row['Name'];
   $mail=$row['Email'];
   $subject=$row['Subject'];
   $message=$row['Message'];  
   $date=$row['Date'];
   $ip=$row['IP'];
   $device=$row['Device'];
   $os=$row['OS'];
   $browser=$row['Browser'];
   $finish=$row['Finish'];

   echo 
       '<tr class="trX" id="flip">
           <td class="tdX">' . $id . '</td>
           <td class="tdX">' . $name . '</td>
           <td class="tdX">' . $subject . '</td>
           <td class="tdX">' . $date . '</td>
           <div id="panel">
           ID:' . $id . '
           Name:' . $name . '
           Email:' . $mail . '
           Subject:' . $subject . '
           Message:' . $message . '
           Date:' . $date . '
           IP:' . $ip . '
           Mobile:' . $device . '
           OS:' . $os . '
           Browser:' . $browser . '
           Finish:' . $finish . '
         </div>
       </tr>';
    
 
}
echo ' </table>  ';

---

感谢您提供的提示

它只适用于第一个

tr

，因为您不能将ID

翻转

用于其他元素。我能想到的解决方案很少：

• 有一个递增的变量，并将其分配给id，如

  flip-i

  ，这里的i是递增变量。将单击事件附加到此事件，然后切换子元素
• 将单击事件附加到类，然后切换该单击类的子类

---

#

表示“id”，它在整个HTML文档中应该是唯一的。看这里。你的JS无法分辨你指的是哪个元素，因为你所有的行都有相同的ID，

flip

。常见的解决方案是在单击发生时查找元素，或者在每行中嵌入一个单独的单击处理程序。但如果我点击每个元素，它会显示相同$id的相同信息。所以。。。。我在PHP中使用flip-I，但在JS中无法使用。或者我应该使用：这个函数吗？谢谢你使用课堂。但如果我点击每个元素，它会显示相同$id的相同信息。所以。。。。我在PHP中使用flip-I，但在JS中无法使用。或者我应该使用：这个函数吗？谢谢

  $(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideToggle("slow");
  });
});