添加链接到文字 - 链接中的文字

Question

这对我来说很棘手，..

..我们走吧。我有一个<table>这样的：

<table> 
<tr> 
<td class="cell0">01720007663795101</td> 
</tr> 
</table> 

现在我想在<td>这样创造约于文本的链接：

<a href="https://tracking.dpd.de/cgi-bin/delistrack?pknr=01720007663795101&typ=1&lang=de">01720007663795101</a> 

所以你可以看到有4个步骤去做。

1. 抢通过类名与<a href="https://tracking.dpd.de/cgi-bin/delistrack?pknr=
2. 开始在<td>数
3. 创建角落找寻数量的链接，追加从<td>号码后<a href="https://tracking.dpd.de/cgi-bin/delistrack?pknr=
4. 追加后的链接&typ=1&lang=de">其余<a href="https://tracking.dpd.de/cgi-bin/delistrack?pknr=01720007663795101

Answer 1

http://jsfiddle.net/YuK6y/

$('.cell0').each(function(index, element){ 
    var tn = $(element).text(); 
    $(element).html('<a href="https://tracking.dpd.de/cgi-bin/delistrack?pknr='+tn+'&typ=1&lang=de">'+tn+'</a>'); 
}); 

或者更短： http://jsfiddle.net/YuK6y/1/

$('.cell0').each(function(index, element){ 
    $(element).wrapInner('<a href="https://tracking.dpd.de/cgi-bin/delistrack?pknr='+$(element).text()+'&typ=1&lang=de" />'); 
}); 

Answer 2

var className = 'cell0'; 
td = $('td.' + className); 
var link = '<a href="https://tracking.dpd.de/cgi-bin/delistrack?pknr=' + td.text() + '&typ=1&lang=de">' + td.text() + '</a>'; 
td.html(link); 

见JsFiddle - >更新JsFiddle