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

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

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

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

jsbin preview