這是我寫(xiě)的 HTML 我想點(diǎn)擊 li 標(biāo)簽讓下面的 tab 添加去除 xian 這個(gè) class
問(wèn)題描述
<div class="main-lnav"><p><a href="##"><img src="skin/2016/images/jrtt.png"></a></p><ul> <li class="lgo"><a href="##">推薦</a></li> <li><a href="##">熱文</a></li> <li><a href="##">邯鄲</a></li> <li><a href="##">房企</a></li> <li><a href="##">獨(dú)家</a></li> <li><a href="##">置業(yè)</a></li> <li><a href="##">專題</a></li> <li><a href="##">土地</a></li> <li><a href="##">樓市</a></li></ul> </div></div><!--左側(cè)導(dǎo)航結(jié)束--><!--中間內(nèi)容--><div class="main-content"> <div class="tab xian"> <!--輪播--> <div id="focus-banner"> <ul id="focus-banner-list"><li> <a href="#" class="focus-banner-img"><img src="skin/2016/images/banner2.jpg" alt=""> </a> <div class="focus-banner-text"><p>這是一句廣告語(yǔ)</p></div></li><li> <a href="#" class="focus-banner-img"><img src="skin/2016/images/banner3.jpg" alt=""> </a> <div class="focus-banner-text"><p>這是二句廣告語(yǔ)</p> </div></li><li> <a href="#" class="focus-banner-img"><img src="skin/2016/images/banner4.jpg" alt=""> </a> <div class="focus-banner-text"><p>這是三句廣告語(yǔ)</p> </div></li><li> <a href="#" class="focus-banner-img"><img src="skin/2016/images/banner5.jpg" alt=""> </a> <div class="focus-banner-text"><p>這是四句廣告語(yǔ)</p> </div></li> </ul> <a href="javascript:;" id="next-img" class="focus-handle"></a> <a href="javascript:;" id="prev-img" class="focus-handle"></a> <ul id="focus-bubble"></ul></div><!--輪播--><div class="lie"> <div class="investment_con"> <div class="lie-Title"> <a href="##"><img src="skin/2016/images/lie-title1.jpg"></a></div><div class="lie-outline"> <ul><li><a href="##">戀家網(wǎng)質(zhì)詢阿斯達(dá)克就愛(ài)上看來(lái)大家可拉伸的金坷垃圣的金坷垃圣誕節(jié)阿喀琉斯簡(jiǎn)單快樂(lè)</a></li><li><p>阿斯達(dá)克就愛(ài)上看來(lái)大家可拉伸的金坷垃圣誕節(jié)阿喀琉斯簡(jiǎn)單快樂(lè)</p></li> </ul></div> </div></div></div> <div class="tab"><div class="lie"> <div class="investment_con"> <div class="lie-Title"> <a href="##"><img src="skin/2016/images/lie-title1.jpg"></a></div><div class="lie-outline"> <ul><li><a href="##">戀家網(wǎng)質(zhì)詢阿斯達(dá)克就愛(ài)上看來(lái)大家可拉伸的金坷垃圣的金坷垃圣誕節(jié)阿喀琉斯簡(jiǎn)單快樂(lè)</a></li><li><p>阿斯達(dá)克就愛(ài)上看來(lái)大家可拉伸的金坷垃圣誕節(jié)阿喀琉斯簡(jiǎn)單快樂(lè)</p></li> </ul></div> </div></div></div> <div class="tab"><div class="lie"> <div class="investment_con"> <div class="lie-Title"> <a href="##"><img src="skin/2016/images/lie-title1.jpg"></a></div><div class="lie-outline"> <ul><li><a href="##">戀家網(wǎng)質(zhì)詢阿斯達(dá)克就愛(ài)上看來(lái)大家可拉伸的金坷垃圣的金坷垃圣誕節(jié)阿喀琉斯簡(jiǎn)單快樂(lè)</a></li><li><p>23232323323愛(ài)上看來(lái)大家可拉伸的金坷垃圣誕節(jié)阿喀琉斯簡(jiǎn)單快樂(lè)</p></li> </ul></div> </div></div></div> <div class="tab"><div class="lie"> <div class="investment_con"> <div class="lie-Title"> <a href="##"><img src="skin/2016/images/lie-title1.jpg"></a></div><div class="lie-outline"> <ul><li><a href="##">戀家網(wǎng)質(zhì)詢阿斯達(dá)克就愛(ài)上看來(lái)大家可拉伸的金坷垃圣的金坷垃圣誕節(jié)阿喀琉斯簡(jiǎn)單快樂(lè)</a></li><li><p>454545454545來(lái)大家可拉伸的金坷垃圣誕節(jié)阿喀琉斯簡(jiǎn)單快樂(lè)</p></li> </ul></div> </div></div></div></div> 下面是我寫(xiě)的jquery哪里出錯(cuò)了?求指點(diǎn) $(".main-lnav li").click(function(e){ $(this).siblings().removeClass('lgo'); $(this).addClass('lgo'); e.stopPropagation(); //table切換 $(".tab").siblings().removeClass('xian'); $(".tab").addClass('xian'); e.stopPropagation();});
問(wèn)題解答
回答1:$(".tab").siblings().removeClass('xian');$(".tab").addClass('xian');
這里的代碼邏輯有問(wèn)題,你先自己想想。
回答2:<script type="text/javascript">$(".main-lnav li").each(function(i){ $(this).click(function(){$(this).addClass('lgo').siblings().removeClass('lgo');$(".tab").removeClass('xian');$(".tab").eq(i).addClass('xian') })})</script>
相關(guān)文章:
1. python - oslo_config2. 關(guān)于mysql聯(lián)合查詢一對(duì)多的顯示結(jié)果問(wèn)題3. 實(shí)現(xiàn)bing搜索工具urlAPI提交4. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)5. 數(shù)據(jù)庫(kù) - Mysql的存儲(chǔ)過(guò)程真的是個(gè)坑!求助下面的存儲(chǔ)過(guò)程哪里錯(cuò)啦,實(shí)在是找不到哪里的問(wèn)題了。6. windows誤人子弟啊7. 冒昧問(wèn)一下,我這php代碼哪里出錯(cuò)了???8. 如何用筆記本上的apache做微信開(kāi)發(fā)的服務(wù)器9. 我在網(wǎng)址中輸入localhost/abc.php顯示的是not found是為什么呢?10. mysql優(yōu)化 - MySQL如何為配置表建立索引?
