我试图创建以下内容。
我有一个按钮,单击该按钮时,我需要添加一些活动类到div中,但我有4个div具有相同的类。我试图创建的是像一个选择投注系统一样,当你第一次点击按钮时,你选择第一个赌注,当第二次第二次,我有4个赌注。
我的HTML结构如下
<div class="game_paytable_bluebet_column game_paytable_column"></div>
<div class="three_bet_wrappaer">
<div class="game_paytable_greenbet_column game_paytable_column"></div>
<div class="game_paytable_orangebet_column game_paytable_column"></div>
<div class="game_paytable_redbet_column game_paytable_column"></div>
</div>
到目前为止我用jquery做了什么请看下面
jQuery('.choose_bet_button').click(function(){
if(!jQuery('.game_paytable_column:first').hasClass('active_blue_bet')){
jQuery('.game_paytable_column:first').addClass('active_blue_bet');
}else{
jQuery('.game_paytable_column:first').removeClass('active_blue_bet');
jQuery('.game_paytable_column').next().addClass('active_blue_bet');
}
});
在这段代码中,它得到了两个元素。
有什么办法解决这个问题吗?
3条答案
按热度按时间anhgbhbe1#
这里是一个解释,请参阅评论的细分。
sf6xfgos2#
使用
:eq()
可以实现您的要求。并初始化一个计数器,并根据计数器在div中添加类。每按四下,计数器变为0。请检查此片段。
vuktfyat3#
如果你有一个按钮…即:
似乎很简单:
WORKING DEMO
这就是全部
:)