我已经创建了一个表,它显示了我的web用户。我想在表中添加"编辑"one_answers"删除"按钮,这很容易(动态工作),但我如何设置,每个按钮都将为其表行工作。例如:每个用户信息行都有"编辑"one_answers"删除"按钮,这些按钮只适用于他们的行(我可以使用他们的按钮编辑和删除每个用户)。此外,最好的解决方案将是JavaScript,所以有什么想法吗?
我假设表的数据来自数据库调用,每个用户都有一个记录ID。
因此,在创建表行时,可以向该行添加id或data属性。
<tr data-id="<?php echo $record_id; ?>">
<td>
foo
</td>
<td>
bar
</td>
<td>
<a class="edit-link" href="javascript:;" title="Edit User">Edit</a>
</td>
<td>
<a class="delete-link" href="javascript:;" title="Delete User">Delete</a>
</td>
</tr>
使用JavaScript,您可以从行的数据ID中获取用户的记录ID
用于编辑;
$('.edit-link').on('click', function () {
var user_id = $(this).parent().parent('tr').attr('data-id');
// now do whatever you want
});
用于删除;
$('.delete-link').on('click', function () {
var user_id = $(this).parent().parent('tr').attr('data-id');
// now do whatever you want
});