Javascript 点击表格行，弹出js对话框，显示php信息

我有一个php站点，显示MySQL数据库中的表信息。我创建了一个js，它会在单击行表时弹出。问题是，它只在第一行起作用，而在其余的行中什么都不起作用。我还想在弹出/对话框中显示从单击该行捕获的信息。谢谢大家!

这是我的桌子

<tr id="popup" style="cursor: pointer;">
<td hidden="text"><?php echo odbc_result($result,"OBGyneID"); ?></td>
<td><?php echo odbc_result($result,"Lname"); ?>
    , &nbsp;<?php echo odbc_result($result,"Fname"); ?>
    &nbsp;<?php echo odbc_result($result,"mi"); ?></td>
<td class="hidden-ob-xs"><?php echo odbc_result($result,"Bday");?></td>
<td class="hidden-ob-xs"><?php echo odbc_result($result,"pxAge"); ?></td>
<td class="hidden-ob-xs hidden-ob-sm"><?php echo odbc_result($result,"PhoneNum"); ?></td>    
<td><?php  echo odbc_result($result,"service"); ?></td>  
<td class="hidden-ob-xs hidden-ob-sm"><?php echo odbc_result($result,"obgyneTime"); ?></td>                                                  
</tr>

在TR标记上添加类

<tr class="popup" data-company="Google" style="cursor: pointer;">

---

检查下面的代码。我希望它能帮助你

$（'.test'）。在（'click'，function（）上{
//这是您的桌号
var dataId=$（this.attr（'data-id'）；
游泳({
标题：“确实要删除此记录吗？”，
text:'您将无法再次恢复此记录！'，
键入：“警告”，
showCancelButton:true，
按钮样式：false，
确认按钮类：“btn btn危险”，
confirmButtonText:'是，删除它！'，
取消按钮类：“btn btn灯”，
背景：“rgba（0,0,0,0.96）”
}).然后（函数（）{
//在此处添加ajax代码
游泳({
标题:"成功",，
文本：“记录已成功删除”，
键入：“成功”，
按钮样式：false，
confirmButtonClass:'btn btn light'，
背景：“rgba（0,0,0,0.96）”
});
});
});

测试
测试
测试
测试
测试
测试1
测试1
测试1
测试1
测试1
测试2
测试2
测试2
测试2
测试2
我想你是想删除一条记录。所以下面的代码可能很有用。您可能必须传递记录id才能在将来删除
#id变量对于每一行都必须是唯一的。试试下面的代码

HTML

 <tr onclick="myFunction( <?php print $recid; ?> )"> <tr>

请随时提出疑问。
如果有帮助，请投票/标记此答案。
改用CSS类#id调用click事件显示popup@ManojSingh对不起，我不相信这方面的专家。怎样像这样？id=“#弹出窗口”。这根本不起作用。检查下面添加的答案。谢谢！我可以知道如何在对话框中显示单击的行中的信息吗？您可以使用TR标记添加数据值，并在JS方法中获得该值以显示在弹出窗口中。例如，我可以如何做到这一点？@MjEliad我已经更新了我的答案…使用TR和JS添加数据标记以获得数据标记值。嘿，我使用了下面的代码，它没有弹出窗口，但不会显示记录。HTML@MjEliad Bro不要在stackoverflow中使用感谢或提及。只需将答案或标记为有帮助即可。这是支持他人的最好方式：）嗨，对不起，这段代码对我不起作用。对话框没有显示。你是说sweetalert.js？我忘了放。请查收。此代码用于捕获一行中的所有数据，但我只想捕获此ID，尤其是“”参考从数据库中删除数据。我们有办法吗？@MjEliad是的，可以检查我的更新代码。如果有任何问题，请告诉我
 $('.popup').click(function(){

    var company = $(this).data('company');

     /* your code */

 });

 <tr onclick="myFunction( <?php print $recid; ?> )"> <tr>

  myFunction(recid){
      swal({
        title: "Are you sure you want to delete this record?",
        text: "Once deleted, you will not be able to recover this record !",
        icon: "warning",
        buttons: true,
        dangerMode: true,
        closeOnClickOutside: false,
        closeOnEsc: false
    })
    .then((willDelete) => {
        if(willDelete) {

          // Here make a POST request to delete your record using recid paramter

        } else {
            // do nothing
        }
    });
 }