在使用mindmup / editable-table更改表格时,可以通过以下步骤来获取单元格名称和行ID:
$(document).on('input', 'table.editable-table input', function() {
// 获取单元格名称和行ID
var cellName = $(this).attr('name');
var rowId = $(this).closest('tr').attr('id');
// 打印单元格名称和行ID
console.log('单元格名称:', cellName);
console.log('行ID:', rowId);
// 在这里可以执行其他操作,如更新数据库或发送请求等
});
在上述代码中,我们使用了$(document).on('input', 'table.editable-table input', function() { ... })
来绑定一个input事件监听器,当表格中的输入框发生变化时触发。
在监听器函数中,我们使用$(this).attr('name')
来获取当前单元格的名称,通过$(this).closest('tr').attr('id')
来获取当前行的ID。
你可以根据需要将获取到的单元格名称和行ID用于其他操作,比如更新数据库或发送请求等。
值得注意的是,以上代码假设你的表格的父元素是一个具有class为"editable-table"的table元素。如果你的表格结构与此不同,请相应地修改选择器。
希望以上信息对你有所帮助!如果你有任何进一步的问题,请随时提问。
领取专属 10元无门槛券
手把手带您无忧上云