Jquery if 语句帮助

Question

我想知道如何用jquery正确编写if语句。我有一堆 div，每个 div 中都有一个锚点，当单击时，会使用toggleClass 扩展 div 的宽度。这工作正常，但我想编写一个 if 语句来检查其他 div 是否应用了相同的类，如果是，则收缩该​​ div，然后展开下一个 div （希望有意义），到目前为止我的代码：

HTML：

<div class="content-block">
    <h2>Title</h2>
    <p>Content...</p>
    <a class="expand" href="#">Expand View</a>
</div>
<div class="content-block">
    <h2>Title</h2>
    <p>Content...</p>
    <a class="expand" href="#">Expand View</a>
</div>
<div class="content-block">
    <h2>Title</h2>
    <p>Content...</p>
    <a class="expand" href="#">Expand View</a>
</div>
<div class="content-block">
    <h2>Title</h2>
    <p>Content...</p>
    <a class="expand" href="#">Expand View</a>
</div>

JQUERY:

$(document).ready(function(){
$('a.expand').click(function(){
    $(this).parent('.content-block').toggleClass('wide');
});

});

Answer 1

您可以这样做，在这种情况下不需要 if：

$(document).ready(function(){
  $('a.expand').click(function(){        
    $(this).parent('.content-block').toggleClass('wide')
           .siblings('.wide').removeClass('wide');
  });
});

这会切换父级上的宽类，然后从其所有兄弟姐妹中删除该类。

Answer 2

不需要 if 语句，只需在应用了 wide 类的任何对象上运行 removeClass() 即可：

$(document).ready(function(){
    $('a.expand').click(function(){
        $('.content-block.wide').removeClass('wide');
        $(this).parent('.content-block').addClass('wide');
    });
});

出于性能考虑，只需使用 addClass() 和 removeClass() 而不是 toggleClass()

Answer 3

你想写这样的东西：

var otherExpanded = $('.content-block.wide');
if (otherExpanded.length)
    //Do things