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

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