如何使用JQuery将链接放到表格单元格中

Question

下面是简单/示例表.问题是关于如何为我需要的特定表格单元格添加链接.例如,当我单击表"第1行,单元格1"的第一个单元格时,它将执行链接并跳转到下一个站点.

<table border="1">
     <tr>
         <td>row 1, cell 1</td>
         <td>row 1, cell 2</td>
     </tr>
     <tr>
         <td>row 2, cell 1</td>
         <td>row 2, cell 2</td>
     </tr>
 </table> 

感谢分享.

Answer 1

你需要一个标签:

<td><a href="example.com">row 1, cell 1</a></td>

只需将href值替换为您尝试链接到的任何站点.

更新jQuery:

如果您尝试使用jQuery,首先需要为所需的td添加某种唯一标识符/选择器(例如类或序号位置),然后添加锚标记.我们现在就叫td选择'yourTd':

 var aTag = $('<a>', {href: 'example.com' });
 aTag.text($('.yourTd').text());// Populate the text with what's already there

 $('.yourTd').text('').append(aTag);// Remove the original text so it doesn't show twice.