JQ列表索引選擇
功能：【JQ 列表索引選擇】
增城ssl適用于網站、小程序/APP、API接口等需要進行數據傳輸應用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！
說明：實驗元素，兩個ul； 主要用途：當你選擇第一個ul的li時，希望能同時選上第二個ul的相對應的li，做操作... Ps:我只實現了左邊的效果，右邊的沒有實現，需要的話就參考代碼寫出來吧，同樣道理的！
Jquery代碼:
<script type="text/javascript">
$(document).ready(function(){
$(".left li").click(function(){
var index = $(".left>li").index($(this));
//獲取左邊ul的li的索引
$(".right>li:eq("+index+")").css("background","#000").siblings().css("background","#fff"); //選擇右邊相對索引的li，然后進行操作
});
});
</script>
HTML代碼：
<body>
<ul class="left">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ul class="right">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
</body>
CSS代碼：
<style>
ul{float:left; width:100; margin:10px;}
ul li{height:30px; line-height:30px; width:100px; display:block; background-color:#F60};
</style>
新聞名稱：JQ列表索引選擇
文章起源：http://www.rwnh.cn/article34/jehope.html
成都網站建設公司_創(chuàng)新互聯，為您提供小程序開發(fā)、標簽優(yōu)化、自適應網站、網站制作、網站排名、網站導航
聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯
- 北京網站優(yōu)化，優(yōu)化網站導航要這樣做！ 2021-04-14
- 淺析制作網站導航需要需要哪些？ 2016-10-26
- 網站導航應該如何進行SEO優(yōu)化 2015-12-20
- 成都網站建設：設計網站導航的時候需要注意什么？ 2016-11-02
- 沈陽網站開發(fā)之網站導航有哪些分類？ 2016-08-19
- 外貿網站導航欄建設技巧 2015-06-16
- 如何有創(chuàng)意的設計網站導航欄? 2022-12-13
- 網站導航設計的三大基本點 2022-01-06
- 網站導航需要優(yōu)化嗎？應該怎么做？ 2013-12-21
- 為你總結哪些網站導航設計最佳實踐 2022-06-14
- 網站建設對網站導航的認識 2021-06-12
- 網站導航建設如何遵循關鍵詞優(yōu)化技巧？ 2022-08-04