Javascript 表行用作链接的问题

下面是有问题的表行：

<table cellpadding="0" cellspacing="0" class="list-table">

<tr class="altrow">
    <td><a href="/customers/view/114"> John </a></td>
    <td> Doe </td>
    <td> New York</td>
    <td> U.S. </td>
    <td>
        <form action="/customers/move/114" name="post_53d64eb8923c0608217922" id="post_53d64eb8923c0608217922" style="display:none;" method="post"><input type="hidden" name="_method" value="POST"/><input type="hidden" name="data[_Token][key]" value="da894058fd17e5e886316512509967a6969af90f" id="Token366355528"/><div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="d4431eb33bd022aaf88ee331efb5b9a47e305ab9%3A" id="TokenFields1654703212"/><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked97706993"/></div></form><a href="#" onclick="if (confirm('Are you sure you want to move this customer?')) { document.post_53d64eb8923c0608217922.submit(); } event.returnValue = false; return false;"><img src="/img/move.png" alt="move" width="30px" height="30px" title="Move to archive" /></a>  
    </td>
</tr>

</table>

问题在于，每当单击最后一个

TD

（表单）时，都会要求用户进行确认，但之后会调用第一个链接

（）

，而不是表单操作。如果jQuery被注释掉，那么一切都可以完美地工作

我想要实现的是，如果用户单击最后一张TD图像，将调用表单操作，如果单击位于行的其他任何位置，则将调用

---

非常感谢您对如何使这两个链接以这种方式工作的任何指导或建议。

在最后一个

td

（表单）上添加一个单击处理程序。 确保捕获此单击事件，并防止它冒泡到

tr

元素

$('tr.altrow').find('td').last().click(function(event){
    event.stopPropagation();
});

---

进一步阅读：

谢谢你的回答，我刚刚试过，但仍然不起作用。

仍在被解雇。糟糕，表单是排在最后的第二个td，一切都很好。非常感谢。

$('tr.altrow').find('td').last().click(function(event){
    event.stopPropagation();
});