//html结构 <em class="icon icon-eye"></em> <em class="icon icon-star"></em> //类似class一堆 <em class="icon icon-btn"></em> $('.icon-star').on('click', function() { //点一次点击 末尾追加-active<em class="icon icon-class名称-active"></em> //点二次点击还原 <em class="icon icon-class名称"></em> });
//自己摸索的 感觉不完善
var iconOff = 1; $('.icon-star').on('click', function() { if (iconOff == 1) { var thisClass = $(this).attr('class'); //默认class norClass = thisClass; $(this).removeClass(thisClass); $(this).addClass(thisClass + '-active'); //获取新class var newClass = $(this).attr('class'); iconOff = 0; } else { $(this).removeClass(newClass); $(this).addClass(norClass); iconOff = 1; } });
相关分类