在一個元素上點擊一個元素到另一個元素的點擊類

Question

如何在單擊整個另一個元素時從元素中切換（添加/刪除）類。現在我用

$('.caption-trigger').click(function(){ 
    $('.carousel-caption').toogle; 
    console.log("Hide caption"); 
}); 

所以當.caption-trigger用戶點擊類是觸發此元素上，而不是在.carousel-caption。有沒有人如何處理這個？

謝謝

Answer 1

可以使用.toggleClass()：

$('.caption-trigger').click(function(){ 
    $('.carousel-caption').toggleClass('your-class'); 
    console.log("Hide caption"); 
}); 

此方法將切換類your-class在元件上.carousel-caption

Answer 2

您的代碼看起來不完整。否則

$('.carousel-caption').toggleClass('someClass', booleanVar); 

應該工作得很好。

Answer 3

.toggle（）是用來紹爾或隱藏元件

$('.caption-trigger').click(function(){ 
      $('.carousel-caption').toggleClass('classname'); 
      console.log("Hide caption"); 
     }); 

你可以還可以使用動畫通過設置持續時間來切換元素。

$('.caption-trigger').click(function(){ 
       $('.carousel-caption').toggle("slow", function() { 
       console.log("Hide caption");. 
        });); 
      });