jQuery: Check if an object has class

Question

Trying to check if an object has a class. Seems simple enough, but I can't get it to work. Here is my code:

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>

Do you need the parentheses around the if condition?

CambridgeMike
– CambridgeMike

2012-05-18 17:22:04 +00:00
Commented May 18, 2012 at 17:22 — CambridgeMike
– CambridgeMike, Commented May 18, 2012 at 17:22

YMMD · Accepted Answer · 2012-05-18 17:22:11Z

25

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

should be

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

This would have been easily observed when you have had a look into the browser's error console. :-)

answered May 18, 2012 at 17:22

YMMD

3,8203 gold badges35 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Philemon philip Kunjumon · Accepted Answer · 2012-05-18 17:24:38Z

0

include the full code in

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

});

hope this helps..

answered May 18, 2012 at 17:24

Philemon philip Kunjumon

1,4221 gold badge15 silver badges35 bronze badges

Collectives™ on Stack Overflow

jQuery: Check if an object has class

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related