jqury控制 下的選中效果

這里是引用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>，為了達到復用效果，寫法有點變態了，推敲了很久，暫時先這么寫，有好的馬上更新