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

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

如何將 querySelectorAll 節(jié)點(diǎn)的文本轉(zhuǎn)換為 JSON 或 CSV

如何將 querySelectorAll 節(jié)點(diǎn)的文本轉(zhuǎn)換為 JSON 或 CSV

富國滬深 2023-09-21 16:24:02
我在 querySelectorAll 中獲取 orderID 和 Name 的兩個(gè)節(jié)點(diǎn)列表。這是我的選擇器 javascript 代碼document.querySelectorAll("orderid").forEach(a => alert(a.textContent));document.querySelectorAll("name").forEach(a => alert(a.textContent));我收到每個(gè)訂單 ID 和名稱的警報(bào)，僅用于測試目的。我想要的是為 orderid 和 name 的文本內(nèi)容創(chuàng)建一個(gè) Json 或 csv，稍后我將使用它在 Mysql 數(shù)據(jù)庫中發(fā)送?，F(xiàn)在我想要 json 像這樣的東西{"1":[ "orderid", "name" ],"2":[ "orderid", "name" ]}或者{"orderid":[ "name" ],"orderid":[ "name" ]}或者任何其他適合稍后通過 PHP 上傳到 MySQL 的文件或 csv。
查看完整描述

2 回答

?
白板的微信

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

querySelectorAll如果您使用父 div 包裝每個(gè) orderId 和 name 元素，并且您是父 div，則看起來會更清晰。我認(rèn)為不可能將鍵和值同時(shí)作為 JSON 格式的變量。這是我要做的（假設(shè)您的 orderId 和名稱的長度相同）：


const orderIds = document.querySelectorAll(".orderid")

const names = document.querySelectorAll(".name")

let records = []


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

  const record = {

     orderId: orderIds[i].textContent,

     name: names[i].textContent

  }

  records.push(record)

}

然后您發(fā)送records到后端并從中提取數(shù)據(jù)。


查看完整回答
反對 回復(fù) 2023-09-21
?
婷婷同學(xué)_

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

我希望這能幫到您：


let results = {orders:{},names:{}}


let ordersElements = document.querySelectorAll(".orderId");

let namesElements = document.querySelectorAll(".name")


ordersElements.forEach((element,idx) => results["orders"][idx] = element.innerHTML)

namesElements.forEach((element,idx) => results["names"][idx] = element.innerHTML)


console.log(results)

<div class="orderId">1</div>

<div class="orderId">2</div>

<div class="orderId">3</div>

<div class="orderId">4</div>

<div class="orderId">5</div>



<div class="name">first</div>

<div class="name">second</div>

<div class="name">third</div>

<div class="name">fourth</div>

<div class="name">last</div>


查看完整回答
反對 回復(fù) 2023-09-21
  • 2 回答
  • 0 關(guān)注
  • 113 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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