Question

我有以下内容：

<table>
<tr>
    <td class="first"><a href="somelink">Griechenland, Mykonos</a></td>
    <td class="second">test</td>
    <td class="third">test</td>
    <td class="last">699.-</td>
</tr>
</table>

当我点击tr时，我想要触发其中<a>的点击。

我尝试了以下操作，但它无法正常工作：

$('tr').click(function() {
    $(this).children('td.first a').click();
});

Answer 1

调用原生DOM点击方法：

$(this).find('td.first a').get(0).click();

Answer 2

如果我没记错的话，jQuery的click()仅对附加了jQuery点击处理程序的元素有效，而你的则没有。

尝试强制使用本机浏览器点击事件的另一种方法是找到链接的href，然后只需导航到模拟点击：

$('tr').click(function() {
    window.location = $('td.first a', this).attr('href');
});

Answer 3

使用jquery触发器方法。

$('tr').click(function() {
    $(this).children('td.first a').trigger( "click" );
});

感谢。

单击时触发单击子项

3 个答案: