javascript - 将单词变成 jQuery 链接

Question

我正在尝试这样做:

<td class="Monthly Status-cell">/fileid=XXXX</td>

显示为

http://www.domain.com/fileid=XXXX

你能告诉我我的代码有什么问题吗？

$('.Status-cell').replaceWith(function() {
var url = $.trim($(this).text());
return '<a href="' + url + '" target="_blank">' + url + '</a>';
});

谢谢!

Answer 1

使用.html()而不是 .replaceWith()。使用 replaceWith 时，您将 td 替换为表格内的 anchor ，这是无效的，并且一定会导致对齐困惑。

$('.Status-cell').html(function(_, currentText) {
   var url = "http://www.domain.com" + $.trim(currentText);
   return '<a href="' + url + '" target="_blank">' + url + '</a>';
});

Fiddle