我想对当前td
值进行内联编辑。例如,假设我的表中有3行,并且我想编辑2行,那么当我单击第二个td
编辑链接时,可编辑文本框将显示在当前名称列中并允许进行编辑。
以下是我的代码:
HTML
<table>
<thead>
<td>Edit</td>
<td>Name</td>
<td>City</td>
<td>Email</td>
</thead>
<tr>
<td><a href="javascript:void(0);" class="edit_agent" id="edit_agent">Edit</a></td>
<td id="log_name" class=='log_name' contenteditable="true" data-old_value ="<?php echo $value->name; ?>" ><?php echo $f_name; ?></td>
<td><?php echo $city; ?></td>
<td><?php echo $email; ?></td>
<tr>
</table>
JavaScript
jQuery(".edit_agent").click(function(){
var oldVal = jQuery('.log_name').attr('data-old_value');
var $input = jQuery('<input>', {
value: oldVal,
type: 'text',
blur: function() {
jQuery(this).oldVal
},
keyup: function(e) {
if (e.which === 13) $input.blur();
}
}).appendTo( jQuery(this).parents('tr').find('td:eq(3)') ).focus();
return false;
});
我已经尝试了上面的代码,但是不能正常工作。
答案 0 :(得分:0)
我看到与类等于double:class =='log_name'
尝试将其更改为
class="log_name"