如何在jQuery中toggleClass？

Question

我有示例代碼HTML

<div class="new"> 
    <div class="wrapper"> 
      <div class="icon"></div> 
      <div class="content">content</div> 
    </div> 
    <div class="list"></div> 
    <div class="wrapper"> 
      <div class="icon"></div> 
      <div class="content">content</div> 
    </div> 
    <div class="list"></div> 
</div> 

更新：我想，當點擊類的圖標在包裝第一撥動類榜第一。而列表第二沒有變化。非常感謝

Answer 1

$('.icon').click(function(){ 
 
$(this).next('.content').toggle('slow') 
 

 

 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="new"> 
 
    <div class="wrapper"> 
 
      <div class="icon">QWE</div> 
 
      <div class="content">content</div> 
 
    </div> 
 
    <div class="wrapper"> 
 
      <div class="icon">QWE</div> 
 
      <div class="content">content</div> 
 
    </div> 
 
</div>

使用.next()

說明：獲取緊隨其後的每個元素的兄弟在匹配的元素。如果提供了一個選擇器，只有當它與該選擇器匹配時纔會檢索下一個兄弟。

或者.siblings()

說明：獲取每個元素的兄弟姐妹中匹配的元素，任選地通過一個選擇器過濾的。