jquery - 如何使用 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

您需要a标签:

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

只需将 href 值替换为您尝试链接到的任何网站即可。

jQuery 更新:

如果您尝试使用 jQuery 执行此操作，则首先需要向所需的 td 添加某种唯一标识符/选择器(例如类或序数位置)，然后添加 anchor 标记。现在我们将 td select 命名为“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.