jquery點擊事件添加/刪除類只有一個div，當幾個具有相同的類

我有一個'博客'頁面，其中的博客文章是使用PHP生成的。的DIV都具有相同的類，下面的PHP代碼：jquery點擊事件添加/刪除類只有一個div，當幾個具有相同的類

$loopResult .= ' 
      <div class="blogbox show"> 
       <div class="blogtitle">'.$row['TITLE'].'</div> 
       <div class="blogdate">'.$row['DATE'].'</div>      
       <div class="blogcontent">'.$row['CONTENT'].'</div> 
       <div class="blogimage"> <img src="'.$row['IMAGE'].'"/></div> 
       <div class="blogimage"> <img src="'.$row['IMAGEB'].'"/></div> 
       <div class="blogimage"> <img src="'.$row ['IMAGEC'].'"/></div> 
       <div class="showHide">Show/Hide</div> 
      </div>    
    '; 
} 
echo $loopResult;

我對顯示隱藏的div會觸發類拓展閱讀DIV jQuery的點擊功能。 JQUERY：

$('.showHide').click(function() { 
$('.blogbox').toggleClass('show'); 
});

很顯然，我的問題是，點擊功能擴展所有的博客文章，而不僅僅是在用戶點擊的一個。

我該如何解決這個問題，只有選中的div被擴展了？正如你所看到的，我相對比較新，所以任何幫助表示讚賞。

謝謝！

來源

2014-11-09 SteveMills04

試試這個：

$('.showHide').click(function() { 
    $(this).closest('.blogbox').toggleClass('show'); 
    });

來源

2014-11-09 02:23:49

真棒！感謝您的快速回復。完美工作。 – SteveMills04 2014-11-09 02:31:06

完成！再次感謝。 – SteveMills04 2014-11-09 02:37:51

這樣做。

$('.showHide').click(function(){ 
    $(this).toggleClass('show'); 
    });

使用普通類名showHide的FPR選擇click事件，但只是指實際的元素與this會做的伎倆爲您服務。

這裏有一個搗鼓你： http://jsfiddle.net/hhgxsnv1/

並與流暢的效果，你也可以包括了jQuery UI庫： http://jsfiddle.net/hhgxsnv1/2/

$('.showHide').click(function(){ 
    $(this).toggleClass('show', 500, 'easeOutSine'); 
    });

來源

2014-11-09 02:22:41 entiendoNull

jquery點擊事件添加/刪除類只有一個div，當幾個具有相同的類

回答

相關問題