如何使用Jquery和Ajax从表中的表数据中获取值

Question

这里我有一个局部视图，即_GetRelatedCommentList 以下是局部视图

@model IEnumerable<ChaPMS.Core.Model.TaskAssignedDailyLog>


<table class="table">
<tr>
    <th>
        @Html.DisplayNameFor(model => model.Comments)
    </th>

</tr>

@foreach (var item in Model)
{
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Comments)<br />


            <h4><small style="float:right;"> @Html.DisplayFor(modelItem => item.User.UsrName)&nbsp;&nbsp;|&nbsp;&nbsp;@Html.DisplayFor(modelItem => item.PostedOn)</small></h4>

        </td>
        <td>
            @Html.DisplayFor(x => item.PercentCompleted, new { @id = "per" })
        </td>

    </tr>
}

</table>

现在在使用ajax调用局部视图时，数据将包含上面的局部视图，现在我正在尝试从下面显示的Id中获取值，这是上面局部视图中存在的表的td之一

<td>
   @Html.DisplayFor(x => item.PercentCompleted, new { @id = "per" })
</td>

下面是问题所在的ajax的成功部分，问题出在var newPercentCompleted = $(data).find("#per").val();中，即使数据在部分视图之上，var newPercentCompleted总是未定义。

<script type="text/javascript">
function updateComment(data, status, xhr)
{       
    var newPercentCompletedContainer = $(this).closest("tr").find(".newPercentCompleted");
    var newPercentCompleted = $(data).find("#per").val();       
    $(newPercentCompletedContainer).html(newPercentCompleted);
}