Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery:检查对象是否具有类_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript jQuery:检查对象是否具有类

Javascript jQuery:检查对象是否具有类,javascript,jquery,html,css,Javascript,Jquery,Html,Css,尝试检查对象是否具有类。看起来很简单,但我无法让它工作。这是我的密码: Javascript $('ul.nav li').click(function(){ if $(this).hasClass('selected') { alert('This is selected!'); } else { alert('This is not selected!'); } }); $('ul.nav li:first-chil

尝试检查对象是否具有类。看起来很简单,但我无法让它工作。这是我的密码:

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>
  • 我们为谁工作
  • 文章和访谈
  • 职位空缺
  • 什么是#%!$@是后期排版吗
  • 这就是我们为之工作的人
  • 这些是文章和访谈
  • 这些是我们的职位空缺
  • 这是一些关于后期排版的信息
应该是

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

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

将完整代码包含在

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

});

希望这对您有所帮助。

是否需要在
if
条件周围加上括号?
$(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');

});