如何使用jQuery交换普通表？

Question

@foreach (var item in Model)
{
    <tr class="rows">      
        <td>@item.CourseName</td>
        <td>@item.ClassName</td>
        <td>@item.StuName</td>
        <td>@item.Age</td> 
        <td>@item.Scores</td>
        <td>           
            @Html.ActionLink("edit", "Edit", new { id = item.ID })
            <a id="@item.ID" onclick="deletescore(@item.ID)">delete</a>
        </td>
    </tr>
}

有人可以告诉我如何使用jquery更改表吗？首先，我收到一个列表类型模型，并预先模型并将它们添加到不同的行作为好处，但现在我想使用jQuery更改它。 这是我试图做的事情：

使用Javascript：

function makeTable(container, data)
 {
        var table = $("<table/>").addClass('TableMaker');

 function thmaker ()
{
            //table head
            var row = $("<tr/>")
            var thdata = ["course", "class", "name","age","scores","option"]               
            row.append($("<th/>").text（thdata）)


 }
        $.each(data, function (rowIndex, r)
 {
            var row = $("<tr/>")
            $.each(r, function (colIndex, c) {
                row.append($("<td/>").text(c));
                row.append($("<td/>").text(—how to add here-))
            });
            table.append(row);
        });
        return container.append(table);
    }
    $(document).ready(function () 
    { $(".tablemaker").show(function()
{
        var data = @Model.ToArray(); 
//here the data seem not showing , the original model is list type
        var ScoreTable = makeTable($(document.body), data);
    });
    });