Ustawienie wartości <td> przy użyciu jquery

Question

Mam strukturę div pokazaną poniżej. Dla drugiego <td> w tabeli chcę zastąpić   hiperłączem, którego atrybut href jest przechowywany w zmiennej myLink. Jak mogę to zrobić z jquery?

Proszę o pomoc. Dziękuję.

<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

można zrobić coś takiego:

// 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); 

używa selektor :eq() chwycić drugi TD pod spodem .pbHeader (: eq wynosi zero, tak więc 0 jest pierwszym elementem, 1 drugi element). Opróżnia on Twój numer   i dodaje do niego wygenerowany znacznik <a>.

Można też to zrobić:

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

Który ustawia innerHTML tego <td> być twoim "link"

jsbin preview