Question

我在asp.net mvc中使用razor创建此表：

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

并为id：

的toggle tr写这个jquery代码

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

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

但是不要切换，我该如何解决这个问题呢？谢谢

Answer 1

我认为您在Class和ID选择器之间感到困惑：

在您的表行代码中，您通过id设置id=@counter属性（这是一个坏主意并且在语义上非常错误），而在您的JS代码中，您正在使用类选择器{{ 1}}

因此，要么将您的HTML代码更改为$('#CDRTABLE .'+i).toggle(); // see that .

或者，将您的JS代码更改为class="success @counter"

我怎样才能用jquery切换表tr？

1 个答案: