Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.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_Toggle - Fatal编程技术网

Javascript 为JQuery创建条件语句

Javascript 为JQuery创建条件语句,javascript,jquery,toggle,Javascript,Jquery,Toggle,我有一个非常新手的问题,如果答案很明显,我深表歉意 我正在使用JQuery根据项目是否被单击来切换项目的内容。我已经成功地实现了切换功能 我现在需要加载它,将前两项设置为show(),将其余项设置为hide()。我为前两个项目指定了一个唯一的类名。我知道我可以简单地做一个$('div.activeitem').show(),然后隐藏其余部分,但我更愿意设置一个条件 我是一个JQuery新手,所以我不知道如何在条件语句中针对这些元素或它们的类。我搜索过谷歌,但没有成功。我需要一个条件,询问div“

我有一个非常新手的问题,如果答案很明显,我深表歉意

我正在使用JQuery根据项目是否被单击来切换项目的内容。我已经成功地实现了切换功能

我现在需要加载它,将前两项设置为show(),将其余项设置为hide()。我为前两个项目指定了一个唯一的类名。我知道我可以简单地做一个
$('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}