0

我有一张桌子，

<table id="theTable">
    <tr><th>Theader</th><th></th></tr>
    <tr class="ahover">
    <td><a href="pankaka">Im a link</a></td>
    <td>Im a td in a tr</td></tr>
    <tr class="DarkBackground">
    <td><a href="pankaka">Im a link</a></td>
    <td>Im a td in a tr</td></tr>
</table>

我希望每个<tr>都是可点击的，它应该导航到每行第一个 td 中的 href 。

这是我尝试过的

$('table tr td:first-child a').each(function(){ var StopProp = Function('event', this.href.substring("javascript:".length) + ';
if(event.stopPropagation)    {event.stopPropagation();
    } else{
        event.cancelBubble = true;
    }'
);
    this.href = '#';
    $(this).click(StopProp);
});
$('.DarkBackground, .ahover').click(function(){
    $('#" + LeadsGridview.ClientID + " tr td:first-child a').unbind('click');
    $(this).find('a').click();
});

起初这很好用，我的同事帮我解决了问题（虽然我在理解第一行时遇到了问题，所以我无法修复它）。但是后来有些事情发生了，我再次得到“太多递归”。

我阅读了很多不同的线程以找到答案，这似乎正在接近：jQuery Click Stop Propagation但我不确定如何将它应用于我的问题。我在这里试过这个小提琴。

经过更多研究后，我发现您可以通过代码隐藏来做到这一点。（该表是一个<asp:Gridview>从数据库中获取每一行数据的表。那会是更好的解决方案吗？

4

1 回答 1

0

尝试

$('#theTable tr:not(:first)').click(function(){
    window.location = $(this).find('td:first a').prop('href');
    return false;
})
于 2013-08-02T10:36:21.123 回答