如何使用引导程序显示表格每一行的详细信息？ [关闭]

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，例如“detail”。我该如何解决？ 感谢所有回答。如果您想要更多代码，请告诉我，非常感谢。

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，则可以使用 id="detail'.$data['id'].'"。

在你的JS（jQuery，因为他使用bootstrap）：

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