Question

在我的网络应用程序中，我需要在单击按钮时隐藏内容部分。所以我的右上方有5个导航选项。但是对于他们使用相同的类名称的内容部分becoz，所有这些内容在蛋糕php mvc项目中动态生成。因此，当我点击按钮时，我需要隐藏该内容部分，它适用于所有4个导航（类名：col1-9），除了一个（具有不同的类名：col1-2）。

我尝试在使用jquery css隐藏该部分之前检查html上存在的类，但它只检查真实情况而不是else部分（类不存在）。

$('.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
    }

});

Answer 1

将您的if语句更改为：

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

Answer 2

如果我理解正确，你需要它们在语句中分开，意思是：

$('.notifications').click(function(){
    // Moved these out into variable just for cleaner code
    var col1to9 = $('.col1-9').length;
    var col1to2 = $('.col1-2').length;

    if (col1to9 && !col1to2){
        alert('different navigation'); 
    } 

    if (col1to2 && !col1to9){
        alert('different g navigation');  
        }

});

所以，就像你在webkit的评论中所写的那样：＆＃34;如果col1-9存在则只执行该部分，如果col1-2存在则执行col1-2 part＆＃34;。

如果希望第二个if语句始终在$('.col1-2').length为真时执行，即使$('.col1-9').length也为真，只需删除第二个条件。所以它看起来像这样：

      if (col1to2){
        alert('different g navigation');  
      }

如何在html中识别是否存在类？

2 个答案: