Javascript 单击按钮而不是单击表格行

Javascript 单击按钮而不是单击表格行,javascript,jquery,html,Javascript,Jquery,Html,我有一张桌子,我用它实现了手风琴效果。其中一个细胞有一个细胞。如果单击该按钮,则会发生按钮的onclick,但表行也会进行单击,从而展开/折叠手风琴。如何防止单击通过按钮到达表行 这是我的点击功能: $("#accordiontable tr.accordion-parent").click(function () { $(this).nextUntil(".accordion-parent").toggle(); $(this).find(".accordion-arrow")

我有一张桌子,我用它实现了手风琴效果。其中一个细胞有一个细胞。如果单击该按钮,则会发生按钮的onclick,但表行也会进行单击,从而展开/折叠手风琴。如何防止单击通过按钮到达表行

这是我的点击功能:

$("#accordiontable tr.accordion-parent").click(function () {
    $(this).nextUntil(".accordion-parent").toggle();
    $(this).find(".accordion-arrow").toggleClass("ui-icon-circle-triangle-e");
    $(this).find(".accordion-arrow").toggleClass("ui-icon-circle-triangle-s");
});

其中一个单元格中有一个。

调用jQuery的event.stopPropagation函数


调用jQuery的event.stopPropagation函数


添加e.stopPropagation;到您的第一个单击处理程序

$("#accordiontable tr.accordion-parent").click(function (e) {
    e.stopPropagation();
    $(this).nextUntil(".accordion-parent").toggle();
    $(this).find(".accordion-arrow").toggleClass("ui-icon-circle-triangle-e");
    $(this).find(".accordion-arrow").toggleClass("ui-icon-circle-triangle-s");
});

添加e.stopPropagation;到您的第一个单击处理程序

$("#accordiontable tr.accordion-parent").click(function (e) {
    e.stopPropagation();
    $(this).nextUntil(".accordion-parent").toggle();
    $(this).find(".accordion-arrow").toggleClass("ui-icon-circle-triangle-e");
    $(this).find(".accordion-arrow").toggleClass("ui-icon-circle-triangle-s");
});

我无法让e.StopRopagation正常工作,当我单击按钮时,它仍然会展开/折叠行。我想一定有办法准确地看到点击的内容。我发现并使用它如下:

$("#accordiontable tr.accordion-parent").click(function (e) {
    var target = $(e.target);
    if (!target.is("button")) {
        $(this).nextUntil(".accordion-parent").toggle();
        $(this).find(".accordion-arrow").toggleClass("ui-icon-circle-triangle-e");
        $(this).find(".accordion-arrow").toggleClass("ui-icon-circle-triangle-s");
    }
});

我无法让e.StopRopagation正常工作,当我单击按钮时,它仍然会展开/折叠行。我想一定有办法准确地看到点击的内容。我发现并使用它如下:

$("#accordiontable tr.accordion-parent").click(function (e) {
    var target = $(e.target);
    if (!target.is("button")) {
        $(this).nextUntil(".accordion-parent").toggle();
        $(this).find(".accordion-arrow").toggleClass("ui-icon-circle-triangle-e");
        $(this).find(".accordion-arrow").toggleClass("ui-icon-circle-triangle-s");
    }
});

拼写错误:传播拼写错误:传播