ASP.NET:带有jQuery滑块问题的中继器

Question

我正在使用ASP：REPETER在ASP.NET项目上工作，以显示数据库和JQUERY的数据，以显示以下内容：

`

<asp:Repeater ID="Repeater1" runat="server" OnItemCommand="repUsers_ItemCommand">
                        <ItemTemplate>
                            <div class=" col-md-3 col-sm-4">
                                <div class="thumbnail">
                                    <asp:Image ID="Image1" ImageUrl='<%#Eval("Imgpath") %>' hieght="100" Width="300" runat="server" />
                            <div class="caption">
                                 <h3>Product Name</h3>
                            <div class="slideDown">
                                 <h5>Student Name:</h5>
                                 <h5>Description</h5>
                                 <h5>Contact:</h5>
                            </div>
                                    <p>
                                        <asp:LinkButton ID="LinkButton1" CommandArgument='<%#Eval("Imgid")%>' CommandName="select" 
                                            Text="Select" class="btn btn-primary grabPromo" runat="server"></asp:LinkButton></a> 
                                        <a  class="btn btn-danger grabPromo" role="button">See Details</a>
                                    </p>
                            </div>
                       </div>
                 </div>
          </ItemTemplate>
 </asp:Repeater>

`

幻灯片的jQuery

`

 $('.grabPromo').click(function (e) {
                $('.slideDown').slideToggle();
            });

`

现在问题是，如果单击一个DIV的"查看详细信息"按钮，它将对中继器中的所有内容滑下。我只想一次将其滑动一个Div一个中继器内容。那可以做吗？如果是这样，请指导我。所有详细信息均在一个中继器内容

Answer 1

您需要更改此行：

$('.slideDown').slideToggle();

to：

$(this).closest('div.caption').find('.slideDown').slideToggle();

描述：获取最近的div.caption 元素，然后找到相应的sliddown child。

而不是 $（'。sliddown'）在该类中找到每个元素。

jquery.closest（）：

对于集合中的每个元素，获取第一个元素，通过测试元素本身并穿过DOM树中的祖先。