Как я могу переключить таблицу tr с jquery?

Question

создать эту таблицу с бритвой в ASP.NET MVC:

...some code... 
       @{ 
        int counter = 0; 
        foreach (var item in ViewBag.CdrDetail) 
        { 
         counter++; 

         <tr class="success" id=@counter> 
          <td>@counter</td> 
          <td>@item.calledCity</td> 
          <td>@item.Duration</td> 
          <td>@item.Price</td> 
          <td>@item.persianDate</td> 
          <td>@item.perianTime</td> 
          <td>@item.strDestination</td> 
         </tr> 
        } 

       } 
...some code... 

и написать этот Jquery код для переключения с тр ID:

$('#UL li').click(function (e) { 
       alert(this.id); 
       for (i = this.id; i < $("#MaxValue").val() ; i++) { 

        $('#CDRTABLE .'+i).toggle(); 
       } 
      }); 

но не переключить , как я могу решить эту проблему? спасибо

Answer 1

Я думаю, вы запутались между Class и ID s Избиратели:

В коде для строк таблицы вы устанавливаете id свойства через id=@counter (whihc это плохая идея, и семантический очень плохо), в то время как в коде JS вы используете селектор класса $('#CDRTABLE .'+i).toggle(); // see that .

Итак, либо изменить ваш HTML-код, чтобы быть class="success @counter"

ИЛИ изменить код JS, чтобы быть $('#CDRTABLE #'+i).toggle(); // # not .