我有table
个<tr></tr>
个标签(2行是静态的)
其他行通过jquery
append
动态生成
如果我按下按钮然后列表生成完美,但如果我再次按下相同的按钮,则会连续生成列表(应该首先输出2行并重新创建动态记录)。
我试着用:
var $el = $("#id");
$el.empty()
但它清除了一切(我明白) 我试过这个: 但仍然相同
$('#id > tbody > tr:nth-child(n+3)').remove();
表:
<table id="table_id">
<tr> <td>ID</td>
<td>Name</td>
<td>C</td>
<td>Target</td>
<td>D</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr> <td><input field></td>
<td><input field></td>
<td><input></td>
<td><input></td>
<td><select><option value="" >Select</option></select></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
var $el = $("#table_id");
$('#table_id > tbody > tr:nth-child(n+3)').remove();
$.ajax({
type: "GET",
url: '../ajax/getList.php',
dataType: 'json',
success: function(data) {
$.each(data, function() {
$el.after('<tr data-id='+ data[i].pk_id +' data-name="' +data[i].name+ '" class="active-'+data[i].is_deleted+'"><td>' + n + '</td>\n\
<td>' +data[i].name+ '</td>\n\
<td></td>\n\
<td></td>\n\
<td></td>\n\
<td></td>\n\
<td></td>\n\
<td></td>\n\
</tr>');
i = ++ i;
n = ++ n;
} );
},
error: function()
{
alert('Error');
}
});