刪除表中的行,我有以下代碼jQuery的動態ID
<div>
<input type="text" maxlength="20" id="nameText"></input>
<button type="button" id="add">Add</button>
</div>
<div>
<table id="form">
<tbody>
<tr>
<th>Name</th>
<th>Delete</th>
</tr>
</tbody>
</table>
</div>
jQuery的部分
var rowNum = 0;
$('#add').click(function() {
var name = $('#nameText').val();
rowNum ++;
var row = '<tr id="row' + rowNum + '">'
+ '<td>' + name
+ '<button type="button" id="deleteRow' + rowNum + '">Delete</button>'
+ '</td>'
+ '</tr>';
$(row).insertAfter($("#form > tbody > tr:last"));
$('#deleteRow' + rowNum).click(function() {
$('#row' + rowNum).remove();
});
});
這將動態地添加表中的行,當你點擊「添加」按鈕,我想通過id刪除行,但它只刪除最後一行,我該如何解決它?
的jsfiddle:http://jsfiddle.net/sgs603cm/
THX,你幫了我很多! –
沒問題,很樂意幫忙。 –
@Rory McCrossan是否可以使用動態標識刪除一行? – user7397787