切换子元素的类

时间:2013-04-30 16:34:47

标签: jquery class toggle

$('.toggle').addClass('change_button').removeClass('toggle');
$(this).removeClass('change_button').addClass('toggle');


我在第一条评论中提供了以下完整代码的演示。
我有2套按钮

第1套
1.Lite
2.Medium
3.Heavy

演示:Fiddle


第2组
1.是·2。没有  我想要的是那些集合必须充当下面第一条评论中提供的demo等单选按钮
而不是单选按钮我在这里阻止按钮,当选择按钮我想改变bagraund颜色

1 个答案:

答案 0 :(得分:2)

试试这个: -

<强> Demo

  $('.change_button.toggle',$(this).closest('div')).removeClass('toggle');
  $(this).addClass('toggle');

 });

说明: -

$('.change_button.toggle',$(this).closest('div')).removeClass('toggle'); 

此语句选择具有.change_button和.toggle类的元素,该类位于单击元素的父div中,并删除其toggle类。

$(this).addClass('toggle'); 

为所选元素添加类。