jquery - 基于for循环计数器递增表行id

Question

我想通过运行一个循环来创建几行，如下面的代码所示：

<table>
    <% for (var i = 0; i <= 2; i++)
       { %>
       <tr id="Row" +"i"> // i want to give unique row ID based on my "i" variable
       <td><%:Html.TextBoxFor(m=>m.ChildData[i].ChildName) %></td>
       </tr>
       <%} %>
</table>

在结果表中，我希望每一行都有一个唯一的 ID：

<tr id="Row1">,<tr id="Row2">,<tr id="Row3">, etc.

我怎样才能做到这一点？

Answer 1

<table>
    <% for (var i = 0; i <= 2; i++) { %>
        <tr id="Row<%= i %>"> 
            <td>
                <%= Html.TextBoxFor(m => m.ChildData[i].ChildName) %>
            </td>
       </tr>
    <% } %>
</table>

但是，如果您需要这些 id 来使用 javascript 操作行，那么您真的不需要分配任何 id。例如，jQuery 为您提供了允许您传递选择器的当前索引的函数。例如：

$('table tr').each(function(index, row) {
    // build the id, the same way as if you were building it on the server
    var id = 'Row' + (index + 1);

    // get the corresponding textbox that's inside this row
    var textbox = $('input[type="text"]', row);

    ...
});