2017-09-13 31 views
0

我想检查是否有特定的liactive class与它。这是我在引导代码HTML:检查李是否有特定的类基于id

if ($("#monthly").hasClass("active")) { 
 
    alert('hi'); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li role="presentation" id="monthly" class="active"><a href="#monthly_mship" class="text-uppercase" aria-controls="settings" role="tab" data-toggle="tab" aria-expanded="true"> MONTHLY</a></li> 
 
</ul>

不知怎的,它不工作。请帮我解决一下这个。

编辑:让我rephrahse问题的方式,这个李进来的资产净值标签所以它得到的点击活动类。

+1

还有你的代码工作正常 - 因为你可以从片段看到我编辑到你的问题。检查控制台是否有错误,并确保你在document.ready事件处理程序中运行你的jQuery代码 –

+1

将你的代码包装在'$(function(){/ * code here * /});'所以它会一直等到DOM被加载 –

回答

2

这里是从learn.jquery引用。

在文档“准备就绪”之前,不能安全地操作页面。 jQuery为你检测到这种状态。包含在 $(document).ready()中的代码只会在页面Document Object 模型(DOM)准备好执行JavaScript代码时运行。

因此,请确保您的代码里面:

$(document).ready(function() { 
    if ($("#monthly").hasClass("active")) { 
     alert('hi'); 
    } 
}); 

或者简写以前:

$(function() { 
    if ($("#monthly").hasClass("active")) { 
     alert('hi'); 
    } 
}); 
相关问题