Это сложно для меня, ..
.. вот так.У меня есть <table> как это:
<table>
<table> <tr> <td class="cell0">01720007663795101</td> </tr> </table>
Теперь я хотел бы создать ссылку вокруг текста в <td>, например:
<td>
<a href="https://tracking.dpd.de/cgi-bin/delistrack?pknr=01720007663795101&typ=1&lang=de">01720007663795101</a>
, чтобы вы могли видетьесть 4 шага.
<a href="https://tracking.dpd.de/cgi-bin/delistrack?pknr=
&typ=1&lang=de">
<a href="https://tracking.dpd.de/cgi-bin/delistrack?pknr=01720007663795101
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" />'); });
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