使用jquery设置<td>值

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()选择器来抓取a下面的第二个TD .pbHeader(:eq基于零,因此0是第一个元素,1是第二个元素).它会清空您的内容 并将生成的<a>标记附加到其中.

你也可以这样做:

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

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

jsbin预览