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

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

js 單一有序數(shù)據(jù)結(jié)構(gòu) 如何在頁(yè)面在生成雙層有序的列表

js 單一有序數(shù)據(jù)結(jié)構(gòu) 如何在頁(yè)面在生成雙層有序的列表

慕桂英3389331 2019-03-21 18:19:10
有如下數(shù)據(jù)：{    "data": [        {            "title": "標(biāo)題1",            "link": "",            "date": "2018-6-26",            "views": 153,            "info": "簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述"        },        {            "title": "標(biāo)題2",            "link": "",            "date": "2018-6-25",            "views": 460,            "info": "簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述"        },        {            "title": "標(biāo)題3",            "link": "",            "date": "2018-6-24",            "views": 392,            "info": "簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述"        },        {            "title": "標(biāo)題4",            "link": "",            "date": "2018-6-23,            "views": 318,            "info": "簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述"        },        {            "title": "標(biāo)題5",            "link": "",            "date": "2018-6-22",            "views": 241,            "info": "簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述"        },        {            "title": "標(biāo)題6",            "link": "",            "date": "2018-6-21",            "views": 283,            "info": "簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述"        },        {            "title": "標(biāo)題7",            "link": "",            "date": "2018-6-20",            "views": 216,            "info": "簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述簡(jiǎn)述"        }    ]}html結(jié)構(gòu)如下<ul>    <li>        <div>1</div>        <div>2</div>    </li>    <li>        <div>3</div>        <div>4</div>    </li>    <li>        <div>5</div>        <div>6</div>    </li>    <li>        <div>7</div>        <div>8</div>    </li></ul>請(qǐng)問(wèn)js如何用如上數(shù)據(jù)循環(huán)生成這樣的有序html結(jié)構(gòu)？
查看完整描述

3 回答

?
一只斗牛犬

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

let html = ''

for(let i = 0;i < data.length;i++) {

    let div = `<div>${data[i].title}</div>`

    html += i % 2 === 0 ? `<li>` + div : div + `</li>`

}

if (data.length % 2 === 1) {

    html += `</li>`

}

html = `<ul>${html}</ul>


查看完整回答
反對(duì) 回復(fù) 2019-04-09
?
白豬掌柜的

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

    var html = ''

    for(let i=0;i<a.data.length;i++){

        var _html = ''

        for(let o in a.data[i]){

            _html+=`<div>${a.data[i][o]}</div>`

        }

        html+='<li>'+_html+'</li>'

    }

    document.getElementById("app").innerHTML = '<ul>'+html+'</ul>'


查看完整回答
反對(duì) 回復(fù) 2019-04-09
?
素胚勾勒不出你

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

let fragment = document.createDocumentFragment();

  let ulNode = document.createElement("ul");

  let liNodes = []

  data.map((item, index) => {

    let liNode = document.createElement("li");

    liNode.innerHTML = item.title

    liNodes.push(liNode)


    if (index % 2 !== 0) {

      let divNode = document.createElement("div");

      console.log(liNodes)

      divNode.appendChild(liNodes[index - 1])

      divNode.appendChild(liNodes[index])

      ulNode.appendChild(divNode)

    }

  })

  const dataLength = data.length;


  if (dataLength % 2 !== 0) {

    let divNode = document.createElement("div");

    divNode.appendChild(liNodes[dataLength - 1])

    ulNode.appendChild(divNode)

  }

  fragment.appendChild(ulNode)

  document.getElementById("app").appendChild(fragment)


查看完整回答
反對(duì) 回復(fù) 2019-04-09
  • 3 回答
  • 0 關(guān)注
  • 599 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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