将每一行textarea变成一个链接答案

【问题标题】：Turn each line of textarea into a link将每一行textarea变成一个链接
【发布时间】：2012-01-10 04:02:07
【问题描述】：

假设我有一个文本区域和一个切换按钮：

<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>

如何使文本区域中的每个链接都可以通过点击切换按钮来点击？

$('.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;
});

【问题讨论】：

标签： javascript jquery textarea

【解决方案1】：

你不能在 textarea 中创建可点击的链接，它们是纯文本的。

虽然有一些可能的解决方法，您可以创建一个 div，将 textarea 的格式化内容复制到该 div，当单击“切换”时，然后切换 textarea 和 div。

【讨论】：

【解决方案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 只能保存文本。）

【讨论】：