控件未进入jquery函数内部 @model.add.Models.Test @{ ViewBag.Title=“Index”； } $（文档）.ready（函数（）{ $（“#我的按钮”）。单击（函数（）{ 警报（“hi”）； //动态创建元素 var newRow=“@Html.TextBoxFor（x=>x.Id，new{@Value=“1”}）”@Html.TextBoxFor（x=>x.Name，new{@Value=“Abcd”}）”； 警报（纽罗）； //在最后一行之后添加新的动态行 $（'#myTable tr:last'）。在（newRow）之后； }); }); 指数 @TextBoxFor（Model=>Model.Id，新的{@Value=“1”}） @Html.TextBoxFor（Model=>Model.Name，新的{@Value=“Abcd”}） 添加新行

当我尝试运行上面的代码时，会收到hi as警报。以下代码是单击按钮时出现的，该按钮未触发。控件未进入函数内部。为什么？我做错了什么事

@model DynamicRowAdd.Models.Test

@{
    ViewBag.Title = "Index";
}
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $("#myButton").click(function () {
            alert('hi');
            // Create elements dynamically
            var newRow = "<tr><td>'@Html.TextBoxFor(x => x.Id, new { @Value = "1" })'</td><td>'@Html.TextBoxFor(x => x.Name, new { @Value = "Abcd" })'</td></tr>";
            alert(newRow);
            // Add the new dynamic row after the last row
            $('#myTable tr:last').after(newRow);
        });

    });


</script>

<h2>Index</h2>

<table id="myTable">
    <tr>
        <td>
            @Html.TextBoxFor(Model => Model.Id, new { @Value = "1" })
        </td>

        <td>
            @Html.TextBoxFor(Model => Model.Name, new { @Value = "Abcd" })
        </td>
    </tr>
</table>

<button id="myButton">Add New Row</button>

---

使用append方法无需指定任何tr。。如果您想在Begging处插入tr，请使用prepend（）

---

将您的代码包装在就绪处理程序中…@BhojendraSah:不工作，请参阅我的编辑。复制您的html代码。@Sadikhasan:请参阅我的编辑。

myButton

id在哪里？

$(document).ready(function(){

//Write your code here

});

$('#myTable').append(newRow);