从表中删除无效行答案

【问题标题】：Remove invalid row from table从表中删除无效行
【发布时间】：2014-06-11 18:31:31
【问题描述】：

我有一个内联创建的表（当用户点击新按钮时，它会在表中创建新的空行first，他可以将数据放入其中），当用户点击保存时我去控制器并检查这些值是否有效，如果是，则将它们存储在数据库中。如果不是，我会向 UI 提出异常并且不存储数据。问题是未存储新行，但我在 UI 中看到了它。只是当我在浏览器中刷新页面时，该行被省略了..

我的问题是，是否有办法通过代码搜索表格的第一行并将其从 UI 中显式删除？

我尝试如下，但它没有刷新表格，知道吗？

$("table:first").find("tr:first").remove();

【问题讨论】：

你能设置一个小提琴来复制这个问题吗？这里不够我们继续。

标签： javascript jquery html asp.net

【解决方案1】：

以下内容应适用于通用表。

HTML

<table>
  <tbody>
    <tr>
        <td>row1</td>
    </tr>
    <tr>
        <td>row2</td>
    </tr>
    <tr>
        <td>row3</td>
    </tr>
  </tbody>
</table>

<br />
<br />

<input type="submit" id="btnAdd" value="add"></input>
<input type="submit" id="btnRemove" value="remove"></input>

jquery

$(function () {
    $("#btnAdd").click(function () {
        $("table:first > tbody").prepend('<tr><td>new row</td></tr>');
    });

    $("#btnRemove").click(function () {
        $("table:first tr:first-child").remove();
    });
});

工作示例：http://jsfiddle.net/5NxL4/

【讨论】：