Configuración <td> valor usando jquery

Question

Tengo la estructura div que se muestra a continuación. Para el segundo <td> en la tabla quiero reemplazar   con un hipervínculo cuyo atributo href está almacenado en la variable myLink. ¿Cómo puedo hacer esto con jquery?

Por favor ayuda. Gracias.

<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

se puede hacer algo como esto:

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

Este utiliza el selector :eq() para agarrar el segundo TD debajo de un .pbHeader (: eq se base cero, por lo que 0 es el primer elemento, 1 es el segundo elemento). Vacía su   y agrega la etiqueta generada <a> dentro de ella.

También puede hacer esto:

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

que establece el innerHtml que <td> que sea su "enlace"

jsbin preview