javascript - 如何识别类是否存在于html中?

标签 javascript jquery html css

在我的网络应用程序中,我需要在单击按钮时隐藏内容部分。 所以我的右上角有 5 个导航选项。但是他们中有 5 个使用相同的类名作为内容部分,因为所有这些内容都是在 cake php mvc 元素中动态生成的。因此,当我单击按钮时,我需要隐藏该内容部分,它适用于所有 4 个导航(类名:col1-9),除了一个(具有不同的类名:col1-2)。

在使用 jquery css 隐藏该部分之前,我尝试检查 html 上是否存在该类,但它只检查真实情况而不检查其他部分(类不存在)。

$('.notifications').click(function(){

    if ($('.col1-9').length >0){
        alert('different navigation');  //This is working    for 4 navigation options
    } else if ($('.col1-2').length){
        alert('different g navigation');  //This is not working for remaining 1 navigation otion
    }

});

最佳答案

将您的 if 语句更改为:

$('.col1-2').length <1

关于javascript - 如何识别类是否存在于html中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24103574/

相关文章:

javascript - 使用 JavaScript 查找字符串中的某些数据

javascript - 我对滚动模式 javascript 中加载的图像有疑问

javascript - Wordpress 通过 AJAX 加载 php 内容

javascript - 悬停/淡入淡出/切换多个类更改

Javascript 生成 HTML 代码调用 knockout

html - 与 css 不同的文件夹中的 css 背景图像

javascript - 如何将mysql查询转换为sequelize

javascript - Three.js:使全景中使用箭头键旋转变得平滑

javascript - 如何在 JavaScript 中以编程方式使某些文本变为粗体?

javascript - find() ajax 响应的值(HTML)?(javascript)