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

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. 通过classname
获取<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" />');
});

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 - ＆gt;更新JsFiddle