Присвоить идентификаторы элементам (таблицам) в разделах аккордеона

Question

У меня есть страница со списком элементов. Я итерация по списку, как это:

<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"> 

Мой вопрос - как я могу назначить идентификатор для каждой таблицы в каждой группе аккордеона, так что я могу манипулировать его позже? Я пробовал:

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

Но это не работает. Есть идеи?

Answer 1

изменение Попробуйте

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

Answer 2

Вам просто нужно

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

@ будет заботиться о всех других вещей.

Answer 3

Спасибо за входными парень - но решил его:

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

пространства требуется для того, чтобы Бритва интерпретировать значение. Он возвращается с промежутком между ними, но я все еще могу получить к нему доступ.

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

CHK - это галочка для отображения деталей для пользователя в таблице.

Answer 4

вы должны изменить к

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