javascript - jquery 如果有类问题

Question

我正在使用 bootstrap 选项卡，如果单击 LI 我想用 javascript 执行一些功能，但是有条件的，如果它处于事件状态，什么都不做，否则执行此操作...

我想出了这段代码来检查它是否有一个class="active"因为bootstrap tabs adds class="active"to LI for the active tab但是它不能很好地工作，它总是返回 true，我在这里做错了什么？

代码

var i = $( "li" ).hasClass( "active" );

$( "li" ).click(function() {            
    if (i == true ) {
        console.log("the tab is already active");
    }   
    else {
        console.log("selected");
    }      
});

这是 jsfiddle demo

Answer 1

使用$(this)获取当前对象

$( "li" ).click(function() {

    if ($(this).hasClass("active")) {
       console.log("the tab is already active");
    }   
    else {
          console.log("selected");
    }

});

Fiddle