jQuery：除了一列之外，使整个表行成为一个链接 [英] jQuery: Making entire table row a link, apart from one column

问题描述

我有一个脚本，可以使每个表格行可点击（作为链接），但我需要保持最后一列保持不变，因为此列作为编辑按钮。任何人都可以帮我修改脚本以便它可以工作吗？

I have a script which can make each table row clickable (as a link), however I need the last column to remain untouched as this column as an 'edit' button. Can anyone help me amend the script so it'll work?

到目前为止jQuery：

Here the jQuery so far:

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

以下是一行的HTML：

Here's the HTML for one row:

<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>
  .....

推荐答案

你需要更进一步并控制 tr 的元素，将点击处理程序绑定到每个 td ，这不是最后在 tr ：

you need to go one step deeper and control the tr's elements, bind a click handler to each td which is not the last in the tr:

$(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;
         }              
      });
   });
});

这篇关于jQuery：除了一列之外，使整个表行成为一个链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！