使单词成为链接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 ，这是无效的，并且一定会导致对齐混乱。

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

小提琴

Answer 2

不要将链接替换为td ，而应将链接放在td 。 您也没有将域添加到链接

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

http://jsfiddle.net/bUpYE/1/

Answer 3

使用.html()而不是.replaceWith()将链接放在单元格中：

var domain = window.location.hostname; // current domain
$('.Status-cell').html(function(i, value) {
    var link = domain + $.trim(value);
    return '<a href="//' + link + '">' + link + '</a>';
});

http://jsfiddle.net/samliew/ZUYCX/

Answer 4

尝试

$('.Status-cell').html(function(idx, value){
    value = $.trim(value);
    return '<a href="http://www.domain.com' + value + '">http://www.domain.com' + value + '</a>';
})

演示： 小提琴