打開文本區域的每一行成一個鏈接

Question

比方說，比如我有一個textarea和切換按鈕：

<div class="input"> 
    <textarea id="links"> 
    http://facebook.com 
    http://friendster.com 
    http://google.com 
    http://facebook.com 
    http://friendster.com 
    </textarea> 
    <a href="#" class="toggle">Toggle</a> 
</div> 

我怎麼有可能在textarea的每一個環節可點擊與的點擊切換按鈕？

$('.toggle').click(function(){ 
    var clickable = false; 
    if(!clickable){ 
    var links = $(this).closest('.input').find('textarea').val().split('\n'); 
    $.each(links,function(){ 
     //lost here 
    }); 
    } 
    return false; 
}); 

Answer 1

你不能在textarea中創建可點擊的鏈接，它們是一個普通的文本。

儘管有可能的解決方法，當單擊「切換」並切換textarea和div時，您可以製作div，將textarea的格式化內容複製到此div。

Answer 2

DEMO

你each功能需要，你可以用它讓你的錨指數和值參數

$.each(links, function (i, val) { 
    var newA = $("<a />").text(val).attr("href", $.trim(val)); 

    $("#links").append(newA).append("<br>"); 
}); 

（雖然很明顯，你必須將它們添加到一個div，如正如anrie所說，textareas只能保存文本。）