<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>评分</title>
<style>
*{margin:0;padding:0;}
ul,li{list-style:none;}
ul{135px;height:28px;border:1px solid #000;margin:30px auto;}
li{27px;height:28px;background:url(star.gif)no-repeat 0 0;float:left;corsor:pointer;}
div{text-align:center}
</style>
<script src="jquery-1.9.1.js"></script>
<script>
$(function(){
var obj=$("li");
$.each(obj,function(i,value){
$("li").click(function(){
i=$(this).index();
if($(this).index()<=i){
/*var a=$(this);
var b=a.add($(this).prevAll());//$("a1").add("a2")将两个选到的元素，组合起来，再一起设置样式
b.css("background","url(star.gif) no-repeat 0 -29px");*/
$("li").slice(0,i+1).css("background","url(star.gif) no-repeat 0 -29px");
} //.slice()的用法与数组用法相同：比如$("li").slice(1,5)一组li中，只选择第1个和第4个，不包括第5个。
});
$("li").eq(i).click(function(){
var succe=("评分成功:"+($(this).index()+1)+"分");
$("div").html(succe);
});
});
});
</script>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div></div>
</body>
</html>
补充：不写参数的情况下，
.parentsUntil();//祖先元素 ==parents()
.nextUntil();//后面的兄弟元素==.nextAll()
.prevUntil();//前面的兄弟元素==prevAll()
如果写参数，就是截止到那个参数为止，但不包括参数本身。
.