可能使用javascript将html td更改为链接？

Question

是否可以仅使用JavaScript将下表中的<td>转换为链接？

例如，我想使用JavaScript将“ Jill”更改为超链接，而不是对我的html文件进行更改。

有没有人有办法做到这一点？

<html>
<body>

<table style="width:100%">
  <tr>
    <td>Jill</td>
   <td>Smith</td>       
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>        
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>        
    <td>80</td>
  </tr>
</table>

</body>
</html>

Answer 1

这会将所有<td>元素放入一个数组中，您可以对其进行迭代并为每个数组分配一个url。

 <table style="width:100%"> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>80</td> </tr> </table> <button onclick="change()">Change</button> <script> function change() { var tdElements = document.getElementsByTagName('td'); var oldStuff = tdElements[0].innerHTML; console.log(oldStuff); tdElements[0].innerHTML = '<a href="#">' + oldStuff + '</a>'; } </script>

Answer 2

使用CSS：演示

<style type="text/css">
   td a { display: block; width: 100%; height: 100%; }
</style>

<td><a href="#">Jill</a></td>

Answer 3

查找要替换哪个td的模式上的业务规则并不十分明确，因此我这样做是为了方便您修改自定义过滤器功能。

$('table tr td')
    .filter(function() {
        return ($(this).text() === 'Jill');
    }).first().html('<a href="http://www.google.com">Jill</a>');

可能使用javascript将html td更改为链接？

问题描述

3 个解决方案

解决方案1
1 已采纳 2015-02-17 02:45:40

解决方案2
0 2015-02-17 02:35:00

解决方案3
0 2015-02-17 02:39:00

可能使用javascript将html td更改为链接？

问题描述

3 个解决方案

解决方案1 1 已采纳 2015-02-17 02:45:40

解决方案2 0 2015-02-17 02:35:00

解决方案3 0 2015-02-17 02:39:00

解决方案1
1 已采纳 2015-02-17 02:45:40

解决方案2
0 2015-02-17 02:35:00

解决方案3
0 2015-02-17 02:39:00