分類  >  WEB開發 >

jquery 動態添加和刪除行解決辦法

tags:    時間:2013-12-09 23:10:35
jquery 動態添加和刪除行
<a href="#" onclick="add_line();">添加一行</a> //點擊添加實現添加行
<table>
<tr>
<td>序號</td>
<td>名稱</td>
<td>描述</td>
<td>操作</td>
</tr>
</table>

<table id="test">
</table>
var maxnum = 0;

function add_line() {

max_line_num = $("#test tr:last-child").children("td").html();問題出現在上一行,這行中總是報出「缺少對象」
紅色部分問題在哪呢?
}
}

------解決方案--------------------
你這句是其什麼作用呢?得到最後一個tr的td的innerHTML?
你的<table id="test">
並沒有tr啊 


<script type="text/javascript">
var maxnum = 0;

function add_line() {

$("#test tr:last").after("<tr><td>" + maxnum + "</td><td>" + maxnum + "</td><td>" + maxnum + "</td><td>" + maxnum + "</td></tr>"); 
maxnum++;

}
</script>
</head>
<body>
<a href="#" onclick="add_line();return false;">添加一行</a> //點擊添加實現添加行
<table id="test">
<tr>
<td>序號</td>
<td>名稱</td>
<td>描述</td>
<td>操作</td>
</tr>
</table>
------解決方案--------------------
探討

你這句是其什麼作用呢?得到最後一個tr的td的innerHTML?
你的<table id="test">
並沒有tr啊


<script type="text/javascript">
var maxnum = 0;

function add_line() {

$("#test tr:last").after("<tr><td>" + maxnum + "</t……

推薦閱讀文章

Bookmark the permalink ,來源:互聯網