Javascript 为JQuery创建条件语句
我有一个非常新手的问题,如果答案很明显,我深表歉意 我正在使用JQuery根据项目是否被单击来切换项目的内容。我已经成功地实现了切换功能 我现在需要加载它,将前两项设置为show(),将其余项设置为hide()。我为前两个项目指定了一个唯一的类名。我知道我可以简单地做一个Javascript 为JQuery创建条件语句,javascript,jquery,toggle,Javascript,Jquery,Toggle,我有一个非常新手的问题,如果答案很明显,我深表歉意 我正在使用JQuery根据项目是否被单击来切换项目的内容。我已经成功地实现了切换功能 我现在需要加载它,将前两项设置为show(),将其余项设置为hide()。我为前两个项目指定了一个唯一的类名。我知道我可以简单地做一个$('div.activeitem').show(),然后隐藏其余部分,但我更愿意设置一个条件 我是一个JQuery新手,所以我不知道如何在条件语句中针对这些元素或它们的类。我搜索过谷歌,但没有成功。我需要一个条件,询问div“
$('div.activeitem').show()
,然后隐藏其余部分,但我更愿意设置一个条件
我是一个JQuery新手,所以我不知道如何在条件语句中针对这些元素或它们的类。我搜索过谷歌,但没有成功。我需要一个条件,询问div“newsinfo”是否也有类“jopen”then show(),else hide()
谢谢你的帮助。我附上了我的代码,以帮助您理解我问题的背景:
<script type="text/javascript">
$(document).ready(function(){
// Here is where I'd like to implement a conditional
$('div.newsinfo').hide(); // this would be part of my else
$('h5.newstoggle').click(function() {
$(this).next('div').slideToggle(200);
return false;
});
});
</script>
$(文档).ready(函数(){
//这里是我想要实现一个有条件的
$('div.newsinfo').hide();//这将是我的else的一部分
$('h5.newstoggle')。单击(函数(){
$(this).next('div').slideToggle(200);
返回false;
});
});
有hasClass()
函数。更好的方法是使用toggleClass()
例如:
$('div.blocks').click(function(){
$(this).toggleClass('class_name');
});
第一次点击后会添加类,第二次点击后会删除类。。。等等,JQuery有一个。功能
i、 e
简单一点怎么样
$('div.newsinfo').each(function(){
if($(this).hasClass('jopen')){
$(this).show()
}else{
$(this).hide();
}
});
为什么不在jopen类中添加一个默认css到
display:block
,将其他css添加到display:none
差不多
.newsinfo {display: none}
.jopen {display:block!important}
只需使用选择器。例如,如果默认情况下所有类为“newsinfo”的div都可见:
$(“div.newsinfo:not(.jopen)”).hide()代码>
如果默认情况下它们都是隐藏的:
$(“div.newsinfo.jopen”).show()代码>无需使用!重要信息
在本例中,couz.jopen符号在后面;-)对。我添加它只是为了强调jopen应该凌驾于newsinfo之上。
.newsinfo {display: none}
.jopen {display:block!important}