Question

我有下表。

＆＃13;

g = m.groupby(level=[0,1]).diff()

＆＃13;

我想添加和删除动态行，我的添加功能正常，这就是代码。

＆＃13;

<table id="table1">
	<tr id="table_row_1">
		<td>
			<button type="button" class="delete_button">Delete</button>
		</td>
		<td>
		<select id="project_list">
				<option>project1</option>
		</select>
		</td>
		<td>
		<select id="leave_list">
				<option>leave1</option>
		</select>
		</td>
		<td><input id="hours" >
		</td>
		<td><input id="notes">
		</td>
	</tr>
</table>

	<input type='button' value='Add Button' id='addButton'>
	<input type='button' value='Get TextBox Value' id='getButtonValue'>

＆＃13;

现在，当我按下删除按钮时，我想删除特定的行，任何人都可以帮助我使用jquery代码。提前谢谢......

Answer 1

你需要的只是：

$('table').on('click', '.delete_button', function(e){
    e.preventDefault();
    $(this).parents('tr').remove();
    return false;
});

Answer 2

试试这个

$( "#table1" ).on( "click", ".delete_button", function(e) {
   e.preventDefault();
   $( this ).parents( "tr" ).remove();
});

Answer 3

添加新行时，您需要添加＆＃34; delete_button＆＃34;作为一个需要更改为类的id。然后，以下代码将删除按钮所在的行

$('.delete_button').click(function()
    {
        $(this).closest('tr').remove();
    });
});

使用jquery删除动态创建的表行

3 个答案: