Einstellung <td> Wert mit jquery

Question

Ich habe die Div-Struktur unten gezeigt. Für die zweite <td> in der Tabelle möchte ich   durch einen Hyperlink ersetzen, deren href-Attribut in der Variablen myLink gespeichert ist. Wie kann ich das mit jquery tun?

Bitte helfen. Danke.

<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

Sie können etwas tun:

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

Dies verwendet die :eq() Selektor den zweiten TD unter einem .pbHeader zu greifen (: eq Null basiert, so dass 0 ist das erste Element, 1 das zweite Element). Es leert Ihre   und hängt das generierte <a> Tag innerhalb davon an.

Sie könnten auch dies tun:

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

, die die Innerhtml dieser <td> setzt, um Ihre "link"

jsbin preview