为手风琴章节

时间:2015-09-30 11:37:13

标签: jquery jquery-ui-accordion

我有一个带有项目列表的页面。我像这样遍历列表:

 <div id="accordion">
   @for (int i = 0; i < Model.Count; i++)
        {
            <h3 id= '@Model[i].UserId' class="header">@Model[i].UserName</h3>
            <div >
                @Html.HiddenFor(x => Model[i].UserId, new { @id = "txtId" + i })
                <table style="font-size:xx-small">

我的问题是 - 如何为每个手风琴组中的每个表分配一个ID,以便我以后可以操作它?我试过这个:

 <table id="tbl" + '@Model[i].UserId' style="display:none", class="userTable">

但这不起作用。有什么想法吗?

4 个答案:

答案 0 :(得分:0)

尝试更改为

<table id="tbl" + @Model[i].UserId style="display:none" class="userTable">

答案 1 :(得分:0)

你只需要

<table id="tbl@Model[i].UserId" style="display:none" class="userTable">

@会处理所有其他事情。

答案 2 :(得分:0)

感谢输入人员 - 但这解决了它:

 <table id='tbl @Model[I].UserId' class="userTable"...

需要空间才能使剃刀解释该值。它确实回来了,但我仍然可以访问它。

 var tbl = $(chk).closest('tr').next().find('.userTable');
            $(tbl).slideDown().show();

chk是一个复选框,用于显示表格中用户的详细信息。

答案 3 :(得分:0)

你应该改为

<table id ="tbl@Model[i].UserId" style ="display:none" class= "userTable">