jQuery:除了一列之外，使整个表格行成为一个链接

Question

我有一个脚本，可以使每个表行可单击(作为链接)，但是我需要最后一列保持不变，因为该列作为“编辑”按钮。任何人都可以帮我修改脚本以使其正常工作吗？

这是到目前为止的 jQuery:

$(document).ready(function() {
  $('#movies tr').click(function() {
    var href = $(this).find("a").attr("href");
    if(href) {
      window.location = href;
    }
  });
});

这是一行的 HTML:

<table id="movies">
  <tr class='odd'>
    <td>1</td>
    <td><a href='/film.php?id=1'></a>Tintin</td>
    <td>Tintin and Captain Haddock set off on a treasure hunt for a sunken ship.</td>
    <td><a href='/edit.php?id=1'>edit</a></td>
  </tr>
  .....

Answer 1

您需要更深入地控制 tr 的元素，将点击处理程序绑定(bind)到每个不是 tr 中最后一个的 td :

$(document).ready(function()
{
   $('#movies tr').each(function(i,e)
   {
      $(e).children('td:not(:last)').click(function()
      {
         //here we are working on a td element, that's why we need
         //to refer to its parent (tr) in order to find the <a> element
         var href = $(this).closest("tr").find("a").attr("href");
         if(href)
         {
            window.location = href;
         }              
      });
   });
});