jquery - 如何替换表的第一个 列？

Question

我有下表，想用链接替换每个第一列的字符串文本。因此，“Whatever”和“Whatever2”内容将替换为相应的链接 .html 内容。

如何使用 jquery 做到这一点？

<table>
    <tr>
       <th>Name</th>
       <th>Start</th>
       <th>End</th>
    </tr>
    <tr>
       <td>Whatever</td>
       <td>3/14/2012</td>
       <td>3/31/2012</td>
    </tr>
    <tr>
       <td>Whatever2</td>
       <td>3/15/2012</td>
       <td>3/30/2012</td>
    </tr>
</table>

Answer 1

文档加载后，您可以使用如下内容:

$('td:first-child').each(function(){
  var $td = $(this);
  $td.html('<a href="#">' + $td.text() + '</a>');
});

Fiddle here