jQ基礎day05五星評分小案例

jQ基礎day05-18，

$(function() {
    $(".comment>li").mouseover(function () {
      //鼠標進入，當前的五角星以及它前邊的所有兄弟五角星都變成實心。
      $(this).text("★").prevAll("li").text("★");
    }).mouseout(function () {
    /*  鼠標離開，當前的li變成空心。*/
      $(".comment").find("li").text("☆");
      /*鼠標離開後，帶有自定義屬性的當前的li的內容變成實心，並且它前邊的兄弟五角星也變成實心。*/
      $(".comment>li[index=1]").text("★").prevAll("li").text("★");
    }).click(function () {
      /*點擊事件，給被點擊的li自定義添加屬性index值爲1，並且當前被點擊的li的所有兄弟元素li移除自定義屬性。*/
      $(this).attr("index","1").siblings("li").removeAttr("index");  
    });
  });