第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

如何使用 jQuery 使用按鈕一個(gè)一個(gè)地遍歷數(shù)組

如何使用 jQuery 使用按鈕一個(gè)一個(gè)地遍歷數(shù)組

當(dāng)年話下 2022-12-22 13:03:35
我有一個(gè)對象數(shù)組,我需要通過按鈕遍歷每個(gè)對象。我已經(jīng)設(shè)置好了,它正在運(yùn)行,但每次點(diǎn)擊都會跳過 2,而不是進(jìn)入下一條記錄。以下是我所擁有的。有人可以幫我嗎?還是有更好的方法逐個(gè)遍歷數(shù)組?$(document).ready(function() {  var i = 0;  var values = [{      "currentJob": "Job1",      "StreetAddress": "xxx",      "Place": "yyy"    },    {      "currentJob": "Job2",      "StreetAddress": "xxx2",      "Place": "yyy2"    },    {      "currentJob": "Job3",      "StreetAddress": "xxx3",      "Place": "yyy3"    },    {      "currentJob": "Job4",      "StreetAddress": "xxx34",      "Place": "yyy4"    },    {      "currentJob": "Job5",      "StreetAddress": "xxx5",      "Place": "yyy5"    }  ]  i = (i) % values.length;  //Here is where I iterate through using a button  $(".btn-arrow-up").click(function() {    i = i + 1;    $(".current-job-box").html(values[i].currentJob);  });});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><button type='button' class='btn-arrow-up'>up</button><hr/><div class='current-job-box'><em>result</em></div>
查看完整描述

2 回答

?
猛跑小豬

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

代替

i = i +1;
$(".current-job-box").html(values[i].currentJob);

嘗試

$(".current-job-box").html(values[i].currentJob);    
i = i +1;

這個(gè)結(jié)果是因?yàn)槟闶紫冗f增 i 開始是 0 并且遞增之后是 1 所以下一行采用第二個(gè)元素而不是數(shù)組的第一個(gè)元素。

我還刪除了這一行:

  i = (i) % values.length;

因?yàn)槲矣X得沒必要

PS:您好,歡迎來到 StackOverflow :D


查看完整回答
反對 回復(fù) 2022-12-22
?
楊魅力

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

$(document).ready(function() { 

var i = 0;

var flag = true;


var values = [{

    "currentJob":"Job1",

    "StreetAddress": "xxx",

    "Place":"yyy"

},

{

    "currentJob":"Job2",

    "StreetAddress": "xxx2",

    "Place":"yyy2"

},

{

    "currentJob":"Job3",

    "StreetAddress": "xxx3",

    "Place":"yyy3"

},

{

    "currentJob":"Job4",

    "StreetAddress": "xxx34",

    "Place":"yyy4"

},

{

    "currentJob":"Job5",

    "StreetAddress": "xxx5",

    "Place":"yyy5"

}

]


i = (i) % values.length;


//Here is where I iterate through using a button

$(".btn-arrow-up").click(function() { 

if(flag)

{

$(".current-job-box").html(values[i].currentJob);

flag = false;

}

else

{

i = i +1;

$(".current-job-box").html(values[i].currentJob);

}

console.log(values[i].currentJob);


});


});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>

<span class="btn-arrow-up">ddddddd</span>

</div>


查看完整回答
反對 回復(fù) 2022-12-22
  • 2 回答
  • 0 關(guān)注
  • 159 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號