Question

我有如下所示的div结构。对于表中的第二个<td>，我想用一个超链接替换 ，其href属性存储在变量myLink中。我怎么能用jquery做到这一点？

请帮忙。谢谢。

<div class="pbHeader">
  <table cellspacing="0" cellpadding="0" border="0">
    <tbody>
         <tr>
             <td class="pbTitle">
               <h2 class="mainTitle">Transfer Membership</h2>
             </td>
             <td>
                    &nbsp;
             </td>
          </tr>
     </tbody>
   </table>
</div>

Answer 1

您可以这样做：

// you said this was already set
var myLink = 'http://stackoverflow.com/questions/2761234';

var $a = $('<a>').attr('href',myLink).text('My Link!');
$('.pbHeader td:eq(1)').empty().append($a);

这使用:eq()选择器来获取.pbHeader下面的第二个TD（：eq基于零，因此0是第一个元素，1是第二个元素）。它会清空您的 并在其中附加生成的<a>标记。

你也可以这样做：

$('.pbHeader td:eq(1)').html('<a href="'+myLink+'">My Text!</a>');

将<td>的innerHTML设置为您的“链接”

jsbin preview

使用jquery设置值

1 个答案: