將文本更改爲超鏈接

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>');