Запустите ссылку в соседней ячейке таблицы с помощью jQuery

Question

У меня есть таблица HTML, в которой первая ячейка каждой строки содержит текст, а вторая - ссылку. Вот так:

<table id="foo">
  <tr>
    <td>Some text</td>
    <td><a href="/path/to/file/"><img src="/path/to/image.jpg" /></a></td>
  </tr>
  ...
</table>

У меня есть эффект наведения на первую ячейку таблицы, и когда пользователь нажимает на первую ячейку, я хотел вызвать ссылку в следующей ячейке, поэтому я включил функцию щелчка вроде этого:

$('#foo tr td:first-child').hover(...).click(
  function() {
    $(this).next().children().click();
  }
);

Это не работает. Я пробовал несколько разных способов безуспешно. Я понимаю, что мог бы поместить текст и ссылку в одну и ту же ячейку и в конечном итоге сделать это, но это упрощенная версия того, как на самом деле находится моя страница, и потребовалось бы немного работы для перестановки.

Что я делаю не так?

Answer 1

Программный щелчок по ссылке не приведет к переходу на href, только к обычному щелчку (пользователю), но вы можете эмулировать его, например, так:

$('#foo tr td:first-child').hover(...).click(
  function() {
    window.location.href = $(this).next().children('a').attr('href');
  }
);

Это устанавливает window.location.href для перехода к URL назначения.