從表中刪除無效行

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/