Question

<script type="text/javascript">
    $(document).ready(function () {
        $(".div_soru").toggle(function () {
            var cevap = "cevap" + $(this).attr("id");
            $("xxx").slideDown(); // 
        }, function () {
            var cevap = "cevap" + $(this).attr("id");
            $("xxx").slideUp();
        });
    });
</script>

在我的内容页面中：

<asp:Repeater ID="Repeater_sorular" runat="server" DataSourceID="SqlDataSource_sss">
     <HeaderTemplate>
     </HeaderTemplate>
     <ItemTemplate>
         <div>
             <div class="div_soru" id='<%# Eval("sss_id") %>'>
                   <strong><%# Eval("sss_baslik") %></strong>
             </div>
             <div class="div_cevap" id='<%# "cevap"+Eval("sss_id") %>' style="display: none; padding: 5px 5px 5px 15px;">
                  <%# Eval("sss_icerik") %>
             </div>
         </div>
     </ItemTemplate>
</asp:Repeater>

在脚本代码中，我想写id = cevap，我写的而不是“xxx”我找不到正确的语法。在母版页中，当写$（“＃”+ cevap）时它可以工作。但在内容页面中，它不起作用。

感谢...

Answer 1

使用next选择器可以更轻松地完成此操作。这是一些示例代码：

$(function(){
    $(".div_soru").click(function(){
        $(this).next(".div_cevap").show();
    });                                                                      
});

使用click事件简化了上述示例，但应充分展示该概念。如果您需要进一步说明，请参考jsFiddle。

内容页面中的asp.net jquery id选择器

1 个答案: