2012-05-18 77 views
5

试图检查对象是否有类。似乎很简单,但我无法让它工作。这里是我的代码:jQuery:检查对象是否有类

的Javascript

$('ul.nav li').click(function(){  
    if $(this).hasClass('selected') { 
     alert('This is selected!'); 
    } 

    else { 
     alert('This is not selected!'); 
    } 
}); 

$('ul.nav li:first-child').addClass('selected'); 

HTML

<ul class="nav"> 
    <li>Who we work for</li> 
    <li>Articles and interviews</li> 
    <li>Job openings</li> 
    <li>What the #%[email protected] is Post Typography?</li> 
</ul> 

<ul class="content"> 
    <li>This is who we work for.</li> 
    <li>These are articles and interviews.</li> 
    <li>These are our job openings.</li> 
    <li>This is some info about Post Typography.</li> 
</ul> 
+0

什么是不工作? – CambridgeMike

+6

你是否需要围绕'if'条件的括号? – CambridgeMike

回答

25
if $(this).hasClass('selected') { 

应该

if($(this).hasClass('selected')){ 

当您查看浏览器的错误控制台时,很容易发现这一点。 :-)

+0

谢谢!我将开始使用错误控制台。 – colindunn

0

包括

$(document).ready(function(){ 

$('ul.nav li').click(function(){  
    if ($(this).hasClass('selected')) { 
     alert('This is selected!'); 
    } 

    else { 
     alert('This is not selected!'); 
    } 
}); 

$('ul.nav li:first-child').addClass('selected'); 

}); 

希望这有助于完整的代码..