771
Javascript：控製Li選中項樣式
一、效果圖樣式：
二、HTML內容：
<ul > <li ><strong>選擇類型AAA：</strong></li> <li><a><span>全部 </span></a></li> <li><a ><span>選項AAAAA</span></a></li> <li><a><span>選項BBBBB</span></a></li> </ul> <ul > <li ><strong>選擇類型BBB：</strong></li> <li><a><span>全部</span></a></li> <li><a><span>選項AAAAA</span></a></li> <li><a><span>選項BBBBB</span></a></li> </ul> <ul > <li ><strong>選擇類型CCC：</strong></li> <li><a><span>全部</span></a></li> <li><a><span>選項AAAAA</span></a></li> <li><a><span>選項BBBBB</span></a></li> <li><a><span>選項CCCCC</span></a></li> </ul>
三、用到的javascript方法：
1.引入jQuery庫：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript">
2.樣式控製方法：
function setParmsValue(parm, parmsValue) { } $(function(){ var spans= $("li > a > span").click(function(){ $(this).addClass("selected"); $(this).parent().parent().siblings().children().children().removeClass("selected"); }); });
四、選中項的樣式：
.selected { background-color:#F00; }
最後更新：2017-04-02 06:51:36