Php Jquery：单独控制重复类（或div）

我列出了数据库中的记录。 记录的数量是随机的

我希望用户能够从表中选择特定的行，然后在所选行和下一行之间显示一个空格。此空间将提供数据库中有关该特定记录的其他详细信息

<tr class ="referal">
      <td><?php echo $referral['CustomerCode'];?></td>
      <td><?php echo $referral['PhoneNumber'];?></td>
      <td><?php echo $referral['TimeStamp'];?></td>
      <td><div id="toggle"><input type="button" value="+"/></div></td>

</tr>

<tr class="extra">
     <td>Hello, World!</td>
</tr>

对于每个记录，我都使用上面的代码。你好，世界！表示所讨论的附加空间

到目前为止，我已经成功地使用jQuery的.slideToggle实现了这一点，但是由于我使用的是同一个类，.extra对于每个记录的额外空间，单击其中一个记录将调用所有记录的空间来显示

如果我可以确定记录的数量，那么我可以使用PHP为每个记录编写一个单独的类。然而，在我的情况下，我无法做到这一点

应该注意的是，这将是整个“动态”界面的一部分，该界面将不断更新多个表中的记录数

我的问题:

---

我该怎么办？分别控制代码和类/div的重复实例

默认情况下禁用额外信息divs:

tr.extra {
    display: none;
}

然后，使用jQuery，您可以轻松地检测单击某个元素的时间，并处理该元素旁边的元素

$("tr.referal").on("click", function() {
    $(this).next().slideToggle();
}

---

默认情况下禁用额外信息divs：

tr.extra {
    display: none;
}

然后，使用jQuery，您可以轻松地检测单击某个元素的时间，并处理该元素旁边的元素

$("tr.referal").on("click", function() {
    $(this).next().slideToggle();
}

---

这不是一个JavaScript问题而不是一个PHP问题吗？这仍然是一个JQuery问题。使用.this进行查找我将编辑得更详细这不是一个JavaScript问题而不是一个PHP问题吗？这仍然是一个JQuery问题。使用.this进行查找我将编辑为更具体的编辑：$document.readyfunction{$.refereal.clickfunction{$this.next.slideToggleslow；}；}；轻微编辑：$document.readyfunction{$.refereal.clickfunction{$this.next.slideToggleslow；}；}；