这里是引用art-template模板的版本（具体不详说啦）

css部分

.wk_res_ul li.active a ,.wk_res_ul li:hover a{
    color: #f90 !important;
}

----------------------------------------

html部分

<ul class="wk_res_ul fl_ul" style="border-bottom:none" id="subject_div"></ul>
      <script type="text/html" id="subject_data">    
      　　<label class="ul_name ">学科：</label>
      　　<% for ( var i = 0; i<subject_list.length; i++ ){%>
              　　<li onclick="changeShow(this.id)" id="<%=subject_list[i].subject_id%>">

　　　　　　　　　　<a><%=subject_list[i].subject_name%></a>

　　　　　　　</li>
      　　<% } %>
      </script>   

----------------------------------------

js 部分

function changeShow(id){
    $("#" + id).addClass("active");
    $("#" + id).parent("ul").children("li").not("#" + id).removeClass("active");
}

----------------------------------------

此方法适合页面有多个<ul>，为了达到复用效果，写法有点变态了，推敲了很久，暂时先这么写，有好的马上更新

jqury控制<ul>下的<li>选中效果