如何獲取要選擇的輸入元素？ （高亮顯示文本）

Question

我需要你的幫助，

目前，當我點擊「重命名」按鈕，一切運作良好，因爲它應該，但我想補充的功能，例如，不僅是原來的文本值輸入框裏面的李，但也自動使文本（高亮），導致下面的圖片：

這裏是小提琴：http://jsfiddle.net/nc4pow56/1/

問題

代碼210

$(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()替換爲​​（demo）。