Jquery 显示/隐藏ASP.NET中继器中的单行

我无法在中继器中仅显示一行。我把它们都正确地扩展了，但我只是努力证明这一点，但效果并不好

 <asp:Repeater ID="rptPlayers" runat="server" OnItemDataBound="DataBound_ItemDataBoundEvent">
            <HeaderTemplate>
                <thead>
                    <tr>

                        <th>Name</th>

                        <th>Profile Approved?</th>
                        <th>Playing in <%: DateTime.Now.Year %>?</th>
                        <th>Roommate</th>
                        <th>Manage</th>
                    </tr>
                </thead>
            </HeaderTemplate>
            <ItemTemplate>
                <tbody>
                    <tr>
                        <td><a href="#" class="show_hide"><%# Eval("FirstName") %>&nbsp;<%# Eval("LastName") %></a></td>
                        <td style="display: none"><%# Eval("PlayerEmail") %></td>
                        <td>
                            <asp:CheckBox ID="chkApproved" runat="server" Checked='<%# Eval("ProfileApproved") %>' /></td>
                        <td>

                            <asp:CheckBox ID="chkPlayingCurrentYear" runat="server" Checked='<%# Eval("PlayingCurrentYear") %>' /></td>
                        <td>

                            <asp:DropDownList ID="ddlRoommate" runat="server" AppendDataBoundItems="True"></asp:DropDownList>&nbsp;
                            <asp:LinkButton ID="lnkAssign" runat="server" OnClick="AssignPlayer"></asp:LinkButton></td>
                        <td>
                            <asp:PlaceHolder ID="AdminActions" runat="server"></asp:PlaceHolder>
                            <p class="text-danger">
                                <asp:LinkButton ID="lnkApproveProfile" runat="server" OnClick="ApprovePlayer"></asp:LinkButton>
                                <asp:LinkButton ID="lnkConfirm" runat="server" OnClick="ConfirmPlayer"></asp:LinkButton>
                            </p>
                        </td>
                        <td style="display: none">
                            <asp:Literal ID="ltUserId" runat="server" Text='<%# Eval("PlayerId") %>'></asp:Literal></td>
                    </tr>
                    <tr>
                        <td colspan="6">
                            <div class="slidingDiv">
                                Fill this space with really interesting content. <a href="#" class="show_hide">hide</a>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </ItemTemplate>
        </asp:Repeater>

这是我当前的jQuery，切换一行我缺少什么

 <script type="text/javascript">
    $(document).ready(function () {
        $("div.slidingDiv").hide();
         $(".show_hide").show();
        $('.show_hide').click(function () {
            $(".slidingDiv").slideToggle();
           // $(this).next('div.slidingDiv').eq(0).slideToggle(800);


        });
    });
</script>

---

如果我需要对你想做的事情做出最好的猜测：

要使jQuery仅切换被单击行旁边的slidingDiv，请执行以下操作：

$(document).ready(function () {
    $('.slidingDiv').hide();
    $('.show_hide').show();
    $('.show_hide').click(function () {
        var x = $(this).closest('tr').next();
        x.find('.slidingDiv').slideToggle();
    });
});

这对于隐藏在内容行内的链接不起作用。我建议您为此使用另一个类，让我们称之为hideThis，并为此执行另一个脚本：

$('.hideThis').click(function () {
    $(this).closest('div').slideToggle();
});   

举例如下：

$'.slidingDiv'.hide； $'.show_hide'.show； $。显示\隐藏。单击函数{ var x=$this.recessed'tr'。next； x、 查找'.slidingDiv'.slideToggle； }; $'.hideThis'。单击函数{ $this.最近的'div'。滑动切换； }; DFHDH fgjfgj fgjhfj fgjfjfj fgjfjfjgfjfj fgjfjgjfgjfjgf 用真正有趣的内容填满这个空间。 DFHDH fgjfgj fgjhfj fgjfjfj fgjfjfjgfjfj fgjfjgjfgjfjgf 用真正有趣的内容填满这个空间。

---

你需要澄清你的意思。html标题行中有三行，正文行中有两行。您要隐藏/显示的是哪一行，预期结果是什么？我可以看到你切换到最后一行，这不起作用吗？对不起，遗漏了一些细节。单击第一个字段中的FirstName字段将显示/隐藏包含类slidingDiv的div的。因此，单击第一个窗口中的名称将显示第二个窗口。现在它们同时工作，我试着让它们作为一个单元来处理每一个表格行。很好，然后我在下面的答案中猜对了。我想：这样就解决了问题，我知道我在哪里犯了错误。谢谢你的帮助！