Javascript jQuery:检查对象是否具有类
尝试检查对象是否具有类。看起来很简单,但我无法让它工作。这是我的密码: JavascriptJavascript 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
$('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');
});