jquery - 添加文本链接 - 链接中包含文本

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. 获取 <td> 中的号码按类名
2. 围绕数字创建一个链接，以 <a href="https://tracking.dpd.de/cgi-bin/delistrack?pknr= 开头
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" />');
});