使表格單元格可點擊

Question

我目前有一個約30行的表，我想在每種情況下都使<td>可點擊：

<tr height="100px" align="center">        
        <?php do { ?>
        <td style="background-color: <?php echo $row_dd1['colour']; ?>;">   
        <form action="pay.php?id=<?php echo $row_dd1['dNo']; ?>&user=<?php echo $username; ?>" method="post">
        <input type="hidden" id="<?php echo $row_dd1['dNo']; ?>"><input type="hidden" value="<?php echo $username; ?>">
          <button type="submit" class="link" id="t<?php echo $row_dd1['dNo']; ?>"><span><?php echo $row_dd1['dNo']; ?></span></button></form>
        </td>
        <?php } while ($row_dd1 = mysql_fetch_assoc($dd1)); ?>
    </tr>

如何使表格單元格可點擊？ 我希望它與我使用的表單操作具有相同的鏈接：

<form action="pay.php?id=<?php echo $row_dd1['dNo']; ?>&user=<?php echo $username; ?>" method="post">

Answer 1

這是在哪里使用.delegate()的完美示例，如下所示：

$("#myTableID").delegate("td", "click", function() {
  $(this).find("form").submit();
});

.delegate()將一個處理程序附加到<table> ，而不是n處理程序，每個單元格一個。 如果您只想導航到該URL，則如下所示：

$("#myTableID").delegate("td", "click", function() {
  window.location.href = $(this).find("form").attr("action");
});

Answer 2

jQuery的點擊事件如何？

$('td').click(function () {
    $('form', this).submit();
    return false;
});

這將在單擊的<td>提交表單。

Answer 3

實際提交表格：

$('td > form').each(function(i,e){
   var form = $(this);
   var cell = form.parent();
   if(cell.is('td')){
     cell.click(function(){
       form.submit();
     });
   }
});

如果jsut想要跟隨鏈接，則form.submit()修改form.submit()部分，以將form.attr('action')更改為window.location.href 。