使用jquery更新表布局

我有一个部分，它将教学助理列为下拉列表，其他输入字段很少：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>

<%@ Import Namespace="Student.Models" %>

<div>
<table>
        <tr>
            <th>
                Teaching Assistant
            </th>
            <th>
                Course ID
            </th>
            <th>
                Day
            </th>
            <th>
                Delete Row
            </th>
        </tr>
</table>
</div>

<div>
<table id="StudentAction">
        <tr>
            <td>
                <select>
                  <option value="TA1">TA1</option>
                  <option value="TA2">TA2</option>
                  <option value="TA3">TA3</option>
                  <option value="TA4">TA4</option>
                  <option value="TA5">TA5</option>
                  <option value="TA6">TA6</option>
                </select>
            </td>
            <td>
                <select>
                  <option value="Course1">Course1</option>
                  <option value="Course2">Course2</option>
                  <option value="Course3">Course3</option>
                  <option value="Course4">Course4</option>
                  <option value="Course5">Course5</option>
                  <option value="Course6">Course6</option>
                </select>
            </td>
            <td>
                <select>
                  <option value="Monday">Monday</option>
                  <option value="Tuesday">Tuesday</option>
                  <option value="Wednesday">Wednesday</option>
                  <option value="Thursday">Thursday</option>
                  <option value="Friday">Friday</option>
                </select>
            </td>
             <td>
            <input id="delete" name="delete" type="image" src="/Content/delete.png"/>
            </td>
        </tr>

</table>
</div>

单击事件处理程序：

    $('input[name="delete"]').click(function () {


        $(this).remove();

    });

编辑 主视图：

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<%@ Import Namespace="Student.Models" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Test Form
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<div class="StudentInfo">
<table>
<tr>
    <th>Student Id</th>
    <td><input type="text" name="StudentId" id="StudentId"/></td>
</tr>
<tr>
    <th>Student Type</th>
    <td><select name="StudentType" id="StudentType"></select></td>
</tr>
</table>

<div class="TeachingAssistant">
<% Html.RenderPartial("TeachingAssistant",(object)Model); %>
</div>

<br/><br/>

<input type="button" id="SaveStudent" name="SaveStudent" value="Save Student" />
</div>

</asp:Content>

测试表
学生证
学生类型

现在，当用户单击删除图像时，我想从显示中删除该特定行。我该怎么做

任何帮助都将不胜感激

您可以尝试以下方法：

$('#delete').click(function () {
    $(this).parent().remove();
});

---

请显示现有的单击处理程序。如果它连接到ID，它将不起作用，因为ID应该是唯一的，并且您在克隆元素时没有给它一个新ID（或连接事件处理程序）。@Diodeus是的，它连接到了delete image的ID，我甚至尝试将它连接到Name，但即使这样也不起作用$（'input[Name=“delete”]）。单击（function（）{$（this）.remove（）；}）；我应该如何处理这些任务？这类任务的最佳实践是什么？这是一个局部视图供参考。@Diodeus使用主视图进行了更新我尝试了这种方法。单击删除图像不会执行任何操作。它似乎无法识别单击事件。这是一个局部的观点，这可能是原因吗？哦，我明白你想做什么了。我将修改我的答案。仍然没有，单击“删除图像”没有任何作用。这可能是在父级中绑定partial的方式吗？也许您的语句从未执行过。您必须以某种方式执行它，就像将它包装在$（document）.ready（function（）{}）中一样；

$('#delete').click(function () {
    $(this).parent().remove();
});