Jquery 在for循环中使用toggle

在我的Django模板中，我从DB中检索数据，并使用for循环以表格格式显示它。现在，当我点击“姓名”字段时，我想显示那个人的一些数据。最初，在显示时，只有表应该是可见的，这意味着特定人员的数据应该保持隐藏状态，当我单击该人员的姓名时，应该显示该人员的信息。现在，我有两个问题。第一，当我点击任何名字时，所有人的信息都会显示出来。例如，如果我的数据库中有3个条目，并且如果我单击任何人的姓名，那么将显示关于所有3个人的信息。我只想显示我点击的人的信息。第二个问题是，单击名称后，数据显示在表的顶部。我想假设我正在点击第二行，那么信息应该显示在第二行的下方和第三行的上方

<table>
  <tr>
   <th>id</th>
   <th>Name</th>
   <th>Status</th>
  </tr>

  {% for records in obj %}
  <tr>
    <td>{{records.id}}</td>
    <td class="pop">{{records.name}}</td>
     <div class="dashboard">
                <div>
                <p>Toggled</p>
                </div>
     </div>
    <td>{{records.status}}</td>
  </tr> 
</table>

我还尝试了以下解决方案：

$(document).ready(function(){
    $(".pop").click(function(e){

        $(this).nextall(".dashboard:lt(e)").toggle();

    });
    });

---

但是，它不起作用。

将您的id替换为类

$（函数（）{
$（'.pop'）。单击（函数（）{
$（this）.closest（'tr'）.sides（）.toggle（）；
})
})

身份证件
名称
地位
状态2
1.
使用者
切换1

主动真1
2.
用户2
切换到2

主动真实2
3.
用户3
切换到3

主动真实3

Hi Solanki Ketul，请在html中发布，而不是使用pop作为id调用，但调用类instead@KrishnaJonnalagadda问题仍然存在……实际上我使用的是for循环，数据库中有很多行需要检索。

$(document).ready(function(){
    $(".pop").click(function(e){

        $(this).nextall(".dashboard:lt(e)").toggle();

    });
    });