Question

<div class="menu-wrap closed" style="max-height: 1px;">
</div>

<div class="menu-wrap open" style="max-height: 1000px;">
</div>

在按钮上单击我需要检查div是否具有打开或关闭的类条件以检查第二类是否在jquery / js中打开或关闭

Answer 1

$('#myelement').hasClass('open')

$('#myelement').hasClass('closed')

#myelement部分是元素的ID，可以用任何其他选择器替换

if ($('#myelement').hasClass('open'))
    // element is open
else if ($('#myelement').hasClass('closed'))
    // element is closed

或更简单

if ($('#myelement').hasClass('open'))
    // element is open
else
    // element is not open

Answer 2

您可以检查该类是否已被应用

 if($('#selector').hasClass('closed')){
      // your code here if the element has class named closed
  }

Answer 3

“点击按钮我需要检查div是否打开或关闭”

当然：

$(button).click(function(){
   if($(".menu-wrap").hasClass("open")){
     // open button logic here
   }else{
     // close button logic here
   }
});

Answer 4

您可以使用jQuery .hasClass()方法进行检查。

例如：https://jsfiddle.net/0rwxph46/

jQuery(document).ready(function($) {
    if ($('.menu-wrap').hasClass('open')) {
        // Your code
    } else {
        // Your code
    }
});

使用jquery / js检查第二类是打开还是关闭的条件

4 个答案: