jQuery: Kiểm tra xem đối tượng có lớp

Question

Cố gắng kiểm tra xem đối tượng có một lớp hay không. Có vẻ đơn giản, nhưng tôi không thể làm cho nó hoạt động được. Đây là mã của tôi:

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 #%!$@ 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> 

Answer 1

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

nên

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

Điều này sẽ dễ dàng quan sát thấy khi bạn đã có một cái nhìn vào bảng điều khiển lỗi của trình duyệt. :-)

Answer 2

bao gồm mã đầy đủ trong

$(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'); 

}); 

hy vọng điều này giúp ..