Question

我有一张桌子

<table id="dataTable" style="width: 80%; border: none">
<tbody>
    <tr class="CurrentRow">
        <td>
            @Html.TextBoxFor(m => m.GetTimeSheetDetails[i].SUN_HRS, new { style = "width:50px; height:30px;", @class = "sunhrs" }
        </td>
    </tr>
</tbody></tr></table>

和另一张表

<table>
<tbody>
    <tr class="AddRow>
        <td>
            @Html.TextBoxFor(m => m.GetTimeSheetDetails[i].SUN_HRS, new { style = "width:50px; height:30px;" }
        </td>
    </tr>
</tbody></tr></table>

现在我要添加一行到＆＃34; Currentclass＆＃34;使用＆＃34; Addrow＆＃34;类似

$("#btnAdd").click(function () {

    var template = $('.AddRow').clone()

    template.find('input[type=text]').val('');
    $.each(template.find('input[type=text]'), function () {
        var name = $(this).attr('name');
        name = name.replace('0', count - 1);
        $(this).attr('name', name);
    });

    $("#dataTable").append(template);
    template.removeClass('AddRow').addClass('CurrentRow').show();

});

现在，我想添加课程＆＃39; sunhrs＆＃39;对于＆quot; datatable＆＃39;在按钮点击时新创建的行文本框。我试过像

 var currentTemplate = $("#dataTable").clone();
 currentTemplate.find('input[type=text]').addClass('sunhrs')

但不行，请帮助我。

Answer 1

试试这个：

$("#dataTable").append(template);
$("#dataTable .AddRow").addClass('CurrentRow').removeClass('AddRow').show();

Answer 2

本准则工作正常 -

 $("#dataTable").append(template);
 $("#dataTable .AddRow").find('input[type=text]').addClass('sunhrs');
 $("#dataTable .AddRow").addClass('CurrentRow').removeClass('AddRow').show();

如何使用jquery在asp.net mvc中为动态创建的行添加类？

2 个答案: