javascript - 使用 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，只有 native (用户)单击才会转到，但您可以模拟它，如下所示:

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

这设置了window.location.href转到目标 URL。