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");

}

});

});

};