php - 使表格单元格可点击

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");
});