javascript - 选择表格行以产生点击事件包括 Firefox 中的子项

Question

我有一个表格行，其中包含一个链接。我将整行设置为一个链接，在 Chrome 中，该行转到我设置的链接，子链接将用户带到正确的链接。在 Firefox 中，行和子都转到行上设置的链接。我怎样才能让它在 Firefox 和 Chrome 中保持一致。我正在使用以下 jquery 将行设置为转到链接

$('.table tbody tr, !a').click(function () {
    $.pjax({
        url: $(this).find('td a.row-click').attr('href'),
        container: '#update_panel'
    });
});

该行的html看起来像这样

<tr>
    <td>
        Main Tire Set
    </td>
    <td>
        <a class="js-pjax" href="/Events/TireSets?tireGroupID=d09fb958-d008-e211-aa97-d067e53b2ed6">Sets</a>
    </td>
    <td>
        <a class="js-pjax" href="/Events/TireBuilder?tireSetGroupID=d09fb958-d008-e211-aa97-d067e53b2ed6">Tire List</a>
    </td>
    <td>
        <a href="/Events/DeleteTireGroup?tireGroupID=d09fb958-d008-e211-aa97-d067e53b2ed6"><ins class="icon-remove"></ins></a>
    </td>
    <td style="display: none;">
        <a class="row-click" href="/Events/TireInfoListView?tireSetGroupID=d09fb958-d008-e211-aa97-d067e53b2ed6">Details</a>
    </td>
</tr>

Answer 1

如果它是一行，我最终不得不检查点击功能。IE

$('.table tbody tr').click(function (event) {
    if (event.target.localName == 'td') {
        $.pjax({
            url: $(this).find('td a.row-click').attr('href'),
            container: '#update_panel'
        });
    }
});