点击时如何更改表格中的当前元素值?

时间:2018-07-24 11:33:55

标签: php jquery

我想对当前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;
});

我已经尝试了上面的代码,但是不能正常工作。

1 个答案:

答案 0 :(得分:0)

我看到与类等于double:class =='log_name'

尝试将其更改为

class="log_name"