单击行时可展开的表，最后一个单元格除外

Question

我有一个动态生成的表格，可以让学生参加。如果单击行的任何部分，行将展开有关学生的其他信息。我的问题是，如果单击出勤按钮（红色x），则该行会扩展，但出勤率会被标记为正常。

我找到了一种方法来禁用最后一列（通过给最后一列上的所有单元格指定相同名称并使用一些jquery使其无法点击），但是当这样做时，按钮也被禁用了。

使用Javascript / jQuery的

$(function () {
    //This is the line I used to disable the last column, but is affecting the buttons
    $('td[name="attend"]').click(function () {
        return false;
    });

    //the rest of the code is used for expanding each row
    $("td[colspan=7]").find("p").hide();
    $("table").click(function (event) {
        event.stopPropagation();
        var $target = $(event.target);
        if ($target.closest("td").attr("colspan") > 1) {
            $target.slideUp();
        } else {
            $target.closest("tr").next().find("p").slideToggle();
        }
    });
});

我已将最后一栏中的所有单元格命名为“参加”。非常感谢任何帮助！

根据要求，这是每个按钮的代码。每个按钮都是它自己的形式，位于每一行的最后一个单元格内。 的 PHP

 echo "<td style=\"min-width:75px;\" name=\"attend\">";
    echo "<form method=\"POST\" onSubmit=\"return new_user(this);\" >";
    echo "<input type=\"hidden\" value=\"" . $row2['status'] . "\" name=\"astatus\" />";
    echo "<input type=\"hidden\" value=\"" . $row2['cancel_key'] . "\" name=\"mark_attend\" />";
    echo "<input type=\"image\" src=\"$image\" name=\"pic\" />";
    echo "</form>";
    echo "</td>";

Answer 1

检查目标标签名称，如下所示：

 alert($target.prop('tagName'));

它将是“TD”（或SPAN，或单元格中的任何内容）或您的按钮。