jQuery：检查一个对象是否有类

Question

尝试检查一个对象是否有一个类。看起来很简单，但我无法让它工作。以下是我的代码：

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>

- colindunn

---

需要在 if 条件周围加上括号吗？ - CambridgeMike

Answer 1

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

应该是这样的

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

如果你看一下浏览器的错误控制台，这个问题会很容易被发现。 :-)

- YMMD

Answer 2

在代码中包含完整的代码

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

});

希望这可以帮到你。

- Philemon philip Kunjumon