jquery if語句幫助

Question

我想知道如何用jquery正確寫入if語句。我有一大堆的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

，如果在這種情況下，你可以是這樣做的，沒有必要的，然後從所有兄弟姐妹中刪除該類。

Answer 2

你想寫的東西是這樣的：

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

這將觸發對父類廣泛：

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

Answer 3

無需if語句，只是在運行任何東西是removeClass()具有適用於它的wide類：

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

而對於性能考慮，只使用addClass()和removeClass()代替toggleClass()