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('非常好');

                }

            })

        })