这是我学习 jquery 的第一周,我使用这个 jquery 在我的页面上插入多行
$(document).ready(function() {
var count = 0;
$("#add_btn").click(function(){
count += 1;
$('#container').append(
'<tr class="records">'
+ '<td ><div id="'+count+'">' + count + '</div></td>'
+ '<td><input id="task_' + count + '" name="task_' + count + '" type="text"></td>'
+ '<td><input id="person_' + count + '" name="person_' + count + '" type="text"></td>'
+ '<td><input id="time_' + count + '" name="time_' + count + '" type="text"></td>'
+ '<td><a class="remove_item" href="#" >Delete</a>'
+ '<input id="rows_' + count + '" name="rows[]" value="'+ count +'" type="hidden"></td></tr>'
);
});
$(".remove_item").live('click', function (ev) {
if (ev.type == 'click') {
$(this).parents(".records").fadeOut();
$(this).parents(".records").remove();
}
});
});
这就是我在页面上加载 jquery 的方式
<table>
<tr>
<td><input type="button" name="add_btn" value="Add" id="add_btn"></td><td> </td><td> </td><td> </td>
</tr>
<tr>
<td>No</td><td>Task</td><td>Person Responsible</td><td>Due Date</td><td> </td>
</tr>
<tbody id="container">
</tbody>
<tr>
</tr>
</table>
但我想更改人员行'<td><input id="person_' + count + '" name="person_' + count + '" type="text"></td>'
以显示我数据库中人员的列表数据
有人可以给我举个例子吗?我使用 codeigniter 来构建这个