将文本更改为超链接

Question

我有一个主页调用“main.html”。在主页面内，有一张桌子。 然后我创建了一个页面调用“newPage.html”

该表格式如下。

<table width="707" border="0">
    <tr>
      <td class="link">Change this to hyperlink</td>
      <td></td>
      <td></td>
    </tr>
 </table>

如何使用JQuery将文本“将此更改为超链接”更改为可点击链接，将其链接到“newPage.html”页面？

因此，当我点击“将此更改为超链接”时，我将被重定向到“newPage.html”。

所有文件都已在同一文件夹中。我将脚本放在一个新的.js文件中。

提前谢谢。

Answer 1

$(function () {
    $('.link').html(function () {
        return '<a href="newPage.html">' + $(this).text() + '</a>';
    })
});

<强> jFiddle example

Answer 2

var text = $('.link').text();
$('.link').html('<a href="file.php">' + text + '</a>');