javascript - 如何使用引导程序显示表格每一行的详细信息？

Question

我的表代码。它包括弹出按钮，我想显示除名称和国家以外的其他详细信息。

  while ($data = mysql_fetch_array($result)) 
           {
           echo "<tr>";
           $Name = $data['Name'];
           $Address = $data['Address']; 
           $Tel = $data['Tel'];
           $Email = $data['Email'];
           $Country = $data['Country'];
           $ManufacturerKey = $data['ManufacturerKey'];
           echo "<td>{$Name}</td><td>{$Country}</td>";
           echo '<td><a href="#" id="detail" class="btn btn-danger" rel="popover" data-content="Test" data-original-title="detail">detail</a></td>';
           echo "</tr>"; 
           }
           echo "</table></center>";
           }

和 Javascript：

<script>  
    $(function ()  
    { $("#detail").popover({placement:'left'});  
    });  
</script>

我的问题是对 id 感到困惑。在每个表行中，它具有相同的 id，例如“详细信息”。我该如何解决？感谢所有回答。如果您想要更多代码，请告诉我，非常感谢。

Answer 1

每个标签都必须有一个唯一的 id，这个 html 是不正确的。

您必须使用类选择器。

     //add detail in your class
echo '<td><a href="#" id="detail" class="btn btn-danger detail" rel="popover" data-content="Test" data-original-title="detail">detail</a></td>';

编辑：不要忘记更改 id。例如，id="detail'.$data['id'].'"如果你有一个 id，你可以这样做。

在您的JS（jQuery如他所用bootstrap）中：

//use class selector instead of id selector
$(function ()  {
        $(".detail").popover({placement:'left'});  
    });