我有一个表格,并且有以下代码来查找a href,使整行可点击:
$(document).ready( function() {
$('table tr').click(function() {
var href = $(this).find("a").attr("href");
if(href) {
window.location = href;
}
});
然而,有一个问题,就是我的右键点击没有像普通a href链接那样提供“在新标签页中打开链接”选项和窗口等内容。
使用div而不是表格不是一个选项。
如何解决?
是否有任何jQuery插件可以为我解决这个问题?
我的表格看起来像这样(它更大,有更多的td,但仅用于说明):
<table>
<tr>
<td>
<a href="http://example.com">Some link</a>
<span>Bla bla bla</span>
</td>
<td>
<span>Some text</span>
</td>
</tr>
<tr>
<td>
<a href="http://someotherlink.com">Some link</a>
<span>Other text</span>
</td>
<td>
<span>Something else</span>
</td>
</tr>
<tr>
...
</tr>
</table>
编辑:我需要自动抓取a href值,就像我的当前代码一样:
$(this).find("a").attr("href");
编辑2:我需要整个tr都可以点击(作为一个块)。使用上述方法是可行的。但是,无法单击行并选择“在新标签页中打开链接”。只有当我悬停在a href上方时才有此选项。但我也希望它出现在整个行上。因此,如果用户想要使用中键或右键单击并从上下文菜单中选择“在新标签页中打开”,他可以这样做。目前还不可能实现。