亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

迭代數組并使用元素作為數據屬性

迭代數組并使用元素作為數據屬性

藍山帝景 2023-10-14 16:43:59
如何循環遍歷數組并將數組的元素添加到 div 內的 span 的 data 屬性中?html<div id="wordBank">    <span>Play</span>    <span>Game</span></div>jQueryvar words = ["play", "game"];$.each(words, function(index, value){    $("#wordBank span").each(function(){        $(this).attr('data-word', value);    });});電流輸出<div id="wordBank">    <span data-word="game">Play</span>    <span data-word="game">Game</span></div>所需輸出<div id="wordBank">    <span data-word="play">Play</span>    <span data-word="game">Game</span></div>
查看完整描述

1 回答

?
叮當貓咪

TA貢獻1776條經驗 獲得超12個贊

您只需要循環單個數組并訪問相應索引上的值。這里不需要嵌套循環。


var words = ["play", "game"];



$("#wordBank span").each(function(index){

    $(this).attr('data-word', words[index]);

});

  

console.log(document.querySelector('#wordBank').outerHTML)

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

<div id="wordBank">

    <span>Play</span>

    <span>Game</span>

</div>


查看完整回答
反對 回復 2023-10-14
  • 1 回答
  • 0 關注
  • 126 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號