<输入/>失去焦点

Question

我创建了一个带有PHP foreach循环的表;现在我点击时尝试用td替换input内的值。

$('#memberTable tr td').click(function(e){
    $(this).html('<input type="text" id="" size="20" value=""/>');
});

输入样式只在:focus上闪烁一次，然后失去焦点。

Answer 1

您可以专注于.focus()：

$('#memberTable tr td').click(function(e) {
    var $this = $(this);
    $this.empty();

    $('<input />', {
        type: 'text',
        id: '',
        size: 20,
        value: $this.text()
    }).appendTo($this).focus();
});

Answer 2

尝试手动对焦：

var input = $('<input type="text" id="" size="20" value="" />');

$(this).empty().append(input);

input.focus();