Question

我带有内联创建的表格（当用户点击新按钮时，它会在表格中创建新的空行第一个，他可以将数据放入其中），当用户点击保存时我转到控制器并检查这些值是否有效，如果是，则将它们存储在DB上。如果不是我向UI引发异常而不存储数据。问题是新行没有存储但是我在UI。就在我在浏览器中刷新页面时，省略了行..

我的问题是，是否通过代码搜索表格的第一行并从UI中明确删除它？

我尝试以下但是它不刷新表，任何想法？

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

Answer 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/

从表中删除无效行

1 个答案: