Значение <td> значение с использованием jquery

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(), чтобы захватить второй TD под в .pbHeader (: эк равна нулю основе, так что 0 является первым элементом, 1 является второй элемент). Он опустошает ваш   и добавляет сгенерированный тег <a> внутри него.

Вы также можете сделать это:

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

который устанавливает innerHTML этого <td> быть вашим "ссылка"

jsbin preview