首頁猿問 Jquery實現(xiàn)選項卡，我這樣寫為...

Jquery實現(xiàn)選項卡，我這樣寫為什么不行

JavaScript

慕運維8079593 2019-04-27 22:16:17

點擊按鈕切換文本我想循環(huán)給li綁定點擊事件，然后將文本放在數(shù)組中，點擊時，替換成和li對應下標的文本相關(guān)代碼//請把代碼文本粘貼到下方（請勿用圖片代替代碼）Document*{margin:0;padding:0;}.box{width:400px;height:200px;margin:100pxauto;border-top:none;}.btn{overflow:hidden;display:flex;}.btnli{/*float:left;*/list-style:none;flex:1;text-align:center;height:50px;line-height:50px;border:1pxsolid#000;border-right:none;}li:last-child{border-right:1pxsolid#000;}.content{height:200px;padding:10px;border:1pxsolid#000;border-top:none;}按鈕a按鈕b按鈕c我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是誰點擊我vartextArr=["我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字我是按鈕a的文字","我是按鈕b的文字我是按鈕b的文字我是按鈕b的文字我是按鈕b的文字我是按鈕b的文字我是按鈕b的文字我是按鈕b的文字我是按鈕b的文字我是按鈕b的文字我是按鈕b的文字我是按鈕b的文字我是按鈕b的文字我是按鈕b的文字我是按鈕b的文字","我是按鈕c的文字我是按鈕c的文字我是按鈕c的文字我是按鈕c的文字我是按鈕c的文字我是按鈕c的文字我是按鈕c的文字我是按鈕c的文字我是按鈕c的文字我是按鈕c的文字我是按鈕c的文字我是按鈕c的文字我是按鈕c的文字我是按鈕c的文字"]//使用JQUery方法var$lis=$('li')for(leti=0;i

查看完整描述

2 回答

白衣染霜花

TA貢獻1796條經(jīng)驗獲得超10個贊

既然你都用了jq就沒必要這樣。//偽代碼如下var$li=$('li'),$text=$('.text');$li.on('click',function(){$text.text(textArr[$(this).index()]);});

反對回復 2019-04-27

aluckdog

TA貢獻1847條經(jīng)驗獲得超7個贊

用each()方法，let$lis=$('li');$lis.each(function(index,value){$lis.eq(index).click(function(){console.log('哈哈哈');$('.text').text(textArr[index]);})})你的思路沒問題，但是for是直接執(zhí)行的：$lis[i]沒有綁定到對應元素let$lis=$('li');for(leti=0;iconsole.log($lis[i]);$lis.eq(i).click(function(){console.log('哈哈哈');$('.text').text(textArr[i]);})}這樣子可以達到效果let$lis=$('li');functionchangeText(e){console.log('哈哈哈');$('.text').text(textArr[e]);}for(leti=0;iconsole.log($lis[i]);$lis.eq(i).attr("onclick",'changeText('+i+')');}