如何删除使用jQuery我的asp.net MVC

Question

表内删除的行我有以下看法： -

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#removerow").click(function() { 
      $(this).remove(); 
     }); 
    }); 
</script> 


<h2>Details</h2> 

<fieldset> 
    <legend>This Question Currently has @Model.Answers.Count() Answers/s. </legend> 
<table id="incrementanswer"> 
    <tr> 
     <th> 
      Description 
     </th> 
     <th> 
      Answer 
     </th> 
     <th></th> 
    </tr> 

@foreach (var answer in Model.Answers.OrderBy(a=> a.IsRight)) 
{ 
     <tr id = "removerow"> 

     <td> 
      @Html.DisplayFor(modelItem => answer.Description) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => answer.Answer_Description.description) 
     </td> 
     <td> 
     @Ajax.ActionLink("Delete", "Delete", "Answer", 
     new { id = answer.AnswersID }, 
      new AjaxOptions 
      { 
       Confirm = "Are You sure You want to delete this Answer ?", 
       HttpMethod = "Post", 
       UpdateTargetId = "toremove", 
       OnSuccess = "removePartial2" 
      }) 


     </td> 
     </tr> 
} 
</table> 
<div id = "progress2"> 
<img src= "@Url.Content("~/Content/images/ajax-loader1.gif") "> 
</div> 

其中包含脚本和ajax.actionlink在点击后调用此脚本在删除链接上。目前，只有当它是表中的第一行时，该行才会被删除，并且在确认删除之前该行将被删除，那么可能是什么问题？

编辑： - 我我的观点已经更新到了下面，但我仍然不能强迫removePartial2脚本删除其删除的行： - 。

</script> 
<script type="text/javascript"> 
    function removePartial2() { 
     $(this).remove(); 
} 
</script> 

} 

<h2>Details</h2> 

<fieldset> 
    <legend>This Question Currently has @Model.Answers.Count() Answers/s. </legend> 
<table id="incrementanswer"> 
    <tr> 
     <th> 
      Description 
     </th> 
     <th> 
      Answer 
     </th> 
     <th></th> 
    </tr> 

@foreach (var answer in Model.Answers.OrderBy(a=> a.IsRight)) 
{ 
     <tr id = @answer.AnswersID> 

     <td> 
      @Html.DisplayFor(modelItem => answer.Description) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => answer.Answer_Description.description) 
     </td> 
     <td> 
     @Ajax.ActionLink("Delete", "Delete", "Answer", 
     new { id = answer.AnswersID }, 
      new AjaxOptions 
      { 
       Confirm = "Are You sure You want to delete this Answer ?", 
       HttpMethod = "Post", 
       UpdateTargetId = @answer.AnswersID.ToString(), 
       OnSuccess = "removePartial2" 
      }) 


     </td> 
     </tr> 
} 
</table> 
<div id = "progress2"> 
<img src= "@Url.Content("~/Content/images/ajax-loader1.gif") "> 
</div> 

Answer 1

1. “ID必须。独一无二“。

2. 你有一个函数可以在单击ROW的时候删除行，而不仅仅是删除选项。我会删除你的第一个JavaScript块，并只使用ajax调用函数。

3. OnSuccess是Ajax调用是否返回200 code。只有在ajax调用成功的情况下 - 这不是检查返回的值是否正确。