jQuery处理UI 标签

需求：点击按钮2003、2004、2005进行相应的操作

//************************************jsp文件部分******************************************************************

 

 

<div id="timequote" class="ui purple inverted menu"
     style="margin-top:20px;width:930px;height: 38px;'">
     <ul id="ui_li" class="ui_menu" style="height:35px;margin-left: 0px;margin-right:20px;background-color: #F8F8FF">
      <li class="ui_item" id="ui_2003">2003</li>
      <li class="ui_item" id="ui_2004">2004</li>
      <li class="ui_item" id="ui_2005">2005</li>
      <li class="ui_item" id="ui_2006">2006</li>
     
     </ul>
    </div>

 

 

//************************************jQuery文件部分******************************************************************

 

jQuery(function() {
 population_of_permanent();
});

var bj="";
var population_of_permanent = function() {
 
 $("#ui_2003").css("background", "#564F8A");
 $("#ui_2003").css("color", "#FCFCFC");
 $(".ui_menu li").click(function(re) {
      var liId = re.currentTarget.id;
      $("#" + liId).css("background", "#564F8A");//#1F77B4
      
//      var change_name = $("#" + liId).text();
      $("#" + liId).css("color", "#FCFCFC");
      $(".ui_menu li").each(
        function(index, element) {
         if (liId == element.id) {
         
          return "";
         } else {
          $("#" + element.id).css("background",
            "#f9f9f9");
          $("#" + element.id).css("color",
            "#333333");
          $("#" + element.id).css("font-weight",
            "normal");
         }
        });
     });
};