Question

我怎样才能 - 使用if / else语句 - 检查点击了哪个按钮？
目前我正在使用此 jQuery 代码：

var nextBTN = $('.carousel .next');
var backBTN = $('.carousel .back');

if (nextBTN.trigger('click') == true) { /* is next button clicked? */
    console.log('nextBTN clicked');
} else if (backtBTN.trigger('click') == true) {
    console.log('backBTN clicked');
}

HTML：

<div class="carousel">
    <ul>
        <li class="back"><span>Back</span></li>
        <li class="next"><span>Next</span></li>
    </ul>
</div>

提前致谢。

Answer 1

$(".carousel .next, .carousel .back").on("click", function() {
  console.log($(this).hasClass("next") ? "Next clicked" : "Back clicked");
});

这个怎么样？你甚至可以添加像data-name这样的属性，你可以做得更清洁：

$(".carousel .next, .carousel .back").on("click", function() {
  console.log($(this).data("name"));
});

<li class="back" data-name="back"><span>Back</span></li>

如果你确定li只有后面/下一课，你可以使用$(this).attr("class")。

Answer 2

要查看工作示例，请单击链接，然后在工作示例中单击li的点。

$(document).ready(function() {
    $('.carousel').find("li").click(function(e) {
        var li = $(e.target);
        if (li.hasClass("next")) {
            alert("next")
        } else if (li.hasClass("back")) {
            alert("back")
        }


    });


});

http://jsfiddle.net/BtkCf/168/

检查使用jQuery单击了哪个按钮

2 个答案: