Javascript 如何再次去除颜色

Javascript 如何再次去除颜色,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是我最喜欢的属性,所以当我再次单击星号显示:无时,我想删除该颜色 //js function addRating(obj) { $('li').each(function(index) { $(this).addClass('selected'); $('#rating').val((index+1)); if(index == $("li").index(obj)) { return false;

这是我最喜欢的属性,所以当我再次单击星号显示:无时,我想删除该颜色

//js

function addRating(obj) {
    $('li').each(function(index) {
        $(this).addClass('selected');
        $('#rating').val((index+1));
        if(index == $("li").index(obj)) {
            return false;   
        }
    });
}

function resetRating() {
    if($("#rating").val()) {
        $('li').each(function(index) {
            $(this).addClass('selected');
            if((index+1) == $("#rating").val()) {
                return false;   
            }
        });
    }
}

Fiddle

我会使用click事件,因为它在jQuery中更为标准。我还向CSS添加了cursor:hover以使其看起来更好。此外,我将它改为类星,这样它可以与多个星正常工作

$(.star”)。在(“单击”,函数(){
obj=这个;
美元("评级").val("li"指数(obj);;
$('li').removeClass(“选定”).each(函数(索引){
$(this.addClass('selected');
如果(指数==$(“li”)。指数(obj)){
返回false;
}
});
});
li{显示:内联块;颜色:#f0f0;文本阴影:0 0 1px#666666;字体大小:30px;光标:指针}
.highlight、.selected{color:#F4B30A;文本阴影:0 0 1px#F48F0A;}


“当我再次单击星号显示:无时,我想删除颜色”是哪个?您想在再次单击时删除颜色,或者想用
显示隐藏星形:无
?如果要在再次单击时删除颜色,请使用
$.toggleClass()
而不是
$.addClass()
-这就是您要做的吗?您必须在同一台计算机上运行事件element@MichaelCoker“那不行,事情要泡泡了。”迈克尔克尔:是的,谢谢