0

以下のコードのようにループを実行して、いくつかの行を作成したいと思います。

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

これどうやってするの？

4

1 に答える 1

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

しかし、JavaScript で行を操作するためにこれらの ID が必要な場合は、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);

    ...
});
于 2012-09-24T06:10:28.873 に答える