添加指向文本中每个单词的链接

时间:2017-09-18 23:54:16

标签: jquery hyperlink

我希望文本中的每个单词都成为一个链接,指向由单词本身自定义的URL。

例如为: "我是Alberto" 应该成为:

<a href="example.com/I">I</a> <a href="example.com/am">am</a> <a href="example.com/Alberto">Alberto</a>

我从以下开始,但我不知道如何继续

var text = $('textarea').html();
var words = text.split(' ');

1 个答案:

答案 0 :(得分:1)

你有个好的开始。 你刚刚创建了每个单词的数组。 现在,您需要循环遍历数组中的每个值并输出html。

这是一个fiddle来帮助您

这是jquery中的一些简单代码

  var text = $('.input').val();
  var words = text.split(' ');
  var link = "http://www.domain-name.com/";
  $.each(words, function(index, value) {
    $('.output').append('<a href="' + link + value + '">' + value + '</a> ');
  });