html评价星星,jq实现星星评价

html

jq

css

jq源码

$(function () {

// 小星星

$(".appr_start span").click(function () {

$(this).addClass("on");

$(this).prevAll().addClass("on");

$(this).nextAll().removeClass("on");

var sta_index = $(this).index();

if (sta_index == 0) {

$(this).siblings("em").html('非常差');

} else if (sta_index == 1) {

$(this).siblings("em").html('差');

} else if (sta_index == 2) {

$(this).siblings("em").html('一般');

} else if (sta_index == 3) {

$(this).siblings("em").html('好');

} else if (sta_index == 4) {

$(this).siblings("em").html('非常好');

}

})

})