Question

如果箭头朝下或朝右，请尝试切换。它默认设置为面向右，当单击div时，它意味着更改为down。它正确地执行了这一操作，然后当再次单击div时它不会改回到面向右侧

＆＃13;

<div id="images" class="super_container">
    <div class="header" id="1_open"><img src="./resources/images/icons/arrow.png" class="arrow" id="1_arrow">Images</div>
    <div id="images_container" class="containers">
      
    </div>

＆＃13;

{{1}}

＆＃13;

Answer 1

'#1_arrow'是一个字符串。它没有名为class的属性。使用jquery hasClass：

if ($('#1_arrow').hasClass( 'rotate' )) {
   $('#1_arrow').addClass('rotate');
} else {
   $('#1_arrow').removeClass('rotate');
}

或此代码的简化版本：

$('#1_arrow').toggleClass('rotate');

Answer 2

您正在寻找.toggleClass('rotate')

Answer 3

if (!$("#1_arrow").hasClass("rotate") )  {   // if it doesn't have a class, add it
     $('#1_arrow').addClass('rotate');
} else {
     $('#1_arrow').removeClass('rotate');
}

没有时添加一个类。

切换if元素是否有类

3 个答案: