iT邦幫忙

0

html ul li 轉成xml 字串問題

zhi 2021-02-08 15:08:421358 瀏覽
  • 分享至 

  • xImage

請教各位javascript大神們
目前有一個需求需要把html ul li tag轉成xml字串
以下為html+JS code
https://jsfiddle.net/afg12/ks2bt3v0/2/
目前的問題點 卡在items不知怎麼判斷遞迴
目前測試出來code結果
https://ithelp.ithome.com.tw/upload/images/20210208/20089940Ti158Q1X1a.png
希望可以輸出成以下xml字串格式
https://ithelp.ithome.com.tw/upload/images/20210208/20089940KtxcAaGdRE.png

希望各位資深前端大大,可以指教要如何辦到或可以給我一個方向讓我去嘗試

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0
japhenchen
iT邦超人 1 級 ‧ 2021-02-08 16:01:59

https://jsfiddle.net/0guv52hz/1/
在你的原始碼上多了兩行
HTML最下方加一行

<div ID="output"></div>

在你的JAVASCRIPT最下面一行的console.log改成

$('div#output').text(xmlstr);

輸出結果
https://ithelp.ithome.com.tw/upload/images/20210208/20117954jSNwM1H7Dk.jpg

用jQuery產生xml的標準方法(借花獻佛)
https://jsfiddle.net/ArtyomShegeda/9fqtN/

0
fillano
iT邦超人 1 級 ‧ 2021-02-09 14:46:29

根據你的資料簡單處理:
https://jsfiddle.net/fillano/1nzkmc72/31/

關鍵是,find()會找底下所有符合條件的node,這樣會無法構成符合結構的遞迴。而children()只會找一層,所以根據你的資料,可以用children()來往下找。我只是單純用深度來indent做格式化的輸出,你再看你需要改。

我要發表回答

立即登入回答