刪除並添加jquery點擊功能的css類

-1

我的HTML代碼看起來是這樣的..

 <div class="product-filter clearfix"> 
     <div id="product-filter" class="display"> 
     <span style="float: left;">Display:</span> 
     <button class="list btn btn-small">List</button> 
     <button class="grid active btn btn-small">Grid</span></button> 
     </div> 

     <div class="filter-items"> 
     <div class="col-sm-12 col-md-3 col-lg-3"> 
     some text 
     </div> 
     </div> 
     </div>

我需要的是，當點擊「列表按鈕」時，應增加「活躍」類，並移除「網格「積極」級按鈕」。此外，它還應該從＃filter-items div中刪除所有「col-md- *和col-lg *」類，並相應地添加col-md-5和col-lg-5。反之亦然也應做網格按鈕被點擊

來源

2013-11-14 user10105

就是這些嗎？你有什麼努力去做到這一點？ – adeneo

鑑於'問題'，我有點好奇，你似乎並沒有要求我們的諮詢費率。 –

我會建議你學習jquery的基礎知識，否則你可以在問任何問題之前做一些谷歌/研究。 –

時，爲了您的HTML你需要一個ID添加到按鈕：

<button id="btnList" class="list btn btn-small">List</button>

然後在JavaScript中，你有以下（這將使所有網格活躍，爲單個網格給它一個ID並使用哈希（＃））：

$("#btnList").click(function() { 
    $(".grid").addClass("active"); 
});

我同意上面的意見。這是一個令人難以置信的基本問題，這是這裏的jQuery文檔中居然回答：

jQuery API .click() documentation

jQuery API CSS documentation

來源

2013-11-14 18:58:12 tlbignerd

刪除並添加jquery點擊功能的css類

回答

相關問題