删除并添加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类

回答

相关问题