如何获取要选择的输入元素？ （文本突出显示）

Question

我需要你的帮助，

目前，当我单击“重命名”按钮时，一切正常，但我想添加功能，以便不仅输入框内的 LI 的原始文本值，而且自动生成导致下图的文本（突出显示）：

这里是小提琴：http://jsfiddle.net/nc4pow56/1/

有问题的代码

$(function(){
    $('#colors li').click(fn);

    $('button').click(fn);

    function fn(e){
    var el = $('li.active');
    if(e.target.type != "button"){
            el.removeClass('active');
            $(e.target).addClass('active');
    }else{  
        var txt = el.text(); 
        var newEl = $("<input>");
        newEl.blur(function(){
            el.html(newEl.val());       
        });
        newEl.val(txt);
        el.html(newEl);  
        newEl.focus();
    }     
    }   
})();

Answer 1

试试这个newEl.focus().select()

完整代码：

$(function(){
    $('#colors li').click(fn);

    $('button').click(fn);

    function fn(e){
    var el = $('li.active');
    if(e.target.type != "button"){
            el.removeClass('active');
            $(e.target).addClass('active');
    }else{  
        var txt = el.text(); 
        var newEl = $("<input>");
        newEl.blur(function(){
            el.html(newEl.val());       
        });
        newEl.val(txt);
        el.html(newEl);  
        newEl.focus().select();
    }     
    }   
})();

希望对你有帮助

Answer 2

将newEl.focus() 替换为newEl[0].select(); (demo)。