首頁(yè) 猿問(wèn) Jquery實(shí)現(xiàn)選項(xiàng)卡，我這樣寫(xiě)為...

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

JavaScript

慕運(yùn)維8079593 2019-04-27 22:16:17

點(diǎn)擊按鈕切換文本我想循環(huán)給li綁定點(diǎn)擊事件，然后將文本放在數(shù)組中，點(diǎn)擊時(shí)，替換成和li對(duì)應(yīng)下標(biāo)的文本相關(guān)代碼//請(qǐng)把代碼文本粘貼到下方（請(qǐng)勿用圖片代替代碼）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的文字我是誰(shuí)點(diǎn)擊我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貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超10個(gè)贊

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

反對(duì) 回復(fù) 2019-04-27

aluckdog

TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超7個(gè)贊

用each()方法，let$lis=$('li');$lis.each(function(index,value){$lis.eq(index).click(function(){console.log('哈哈哈');$('.text').text(textArr[index]);})})你的思路沒(méi)問(wèn)題，但是for是直接執(zhí)行的：$lis[i]沒(méi)有綁定到對(duì)應(yīng)元素let$lis=$('li');for(leti=0;iconsole.log($lis[i]);$lis.eq(i).click(function(){console.log('哈哈哈');$('.text').text(textArr[i]);})}這樣子可以達(dá)到效果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+')');}