//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;
}
});
添加回答
举报
0/150
提交
取消