首頁猿問請問如何用JavaScript分隔...

請問如何用JavaScript分隔字段，并輸出到html

JavaScript Html/CSS

大話西游666 2018-10-24 13:13:27

請問如何用JavaScript split()或其他的方法，將下面的帶有分隔符的字段的a1,a2,a3,b1,b2,b3等分別提出，然后輸出成html的格式。初始字段：a1|b1|c1|||a2|b2|c2|||a3|b3|c3希望通過用JavaScript,變成如下格式： <a href="/a3"> <img src="/a2"></a> <div><a href="/a3">a1</a></div> <a href="/b3"> <img src="/b2"></a> <div><a href="/b3">b1</a></div> <a href="/c3"> <img src="/c2"></a> <div><a href="/c3">c1</a></div>非常感謝，望高手幫助，謝謝了！

查看完整描述

2 回答

智慧大石

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

var s = "a1|b1|c1|||a2|b2|c2|||a3|b3|c3";
var s1 = s.split("|||");
var hrml = "";
for (var i = 0; i < s1[0].split("|").length; i++)
{
var a = s1[2].split("|")[i];
var b = s1[1].split("|")[i];
var c = s1[0].split("|")[i];
var temp = "<a href=\"/" + a + "\">\n<img src=\"/" + b + "\"></a>\n<div><a href=\"/" + a +  "\">" + c + "</a></div>";
html += temp + "\n\n";
}

反對回復(fù) 2018-11-01

Smart貓小萌

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

var str = "a1|b1|c1|||a2|b2|c2|||a3|b3|c3";
var arr = str.split("|||");
var html = "";
for (var i = 0; i < arr.length; i++) {
    arr[i] = arr[i].split("|");
}
for (var i = 0; i < arr[0].length; i++) {
    html+='<a href="/'+arr[2][i]+'">\n<img src="/'+arr[1][i]+'"></a>\n<div><a href="/'+arr[2][i]+'">'+arr[0][i]+'</a></div>\n';
}
alert(html);
document.write(html);

反對回復(fù) 2018-11-01

2 回答
0 關(guān)注
659 瀏覽

關(guān)注

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

請問如何用JavaScript分隔字段，并輸出到html

請問如何用JavaScript分隔字段，并輸出到html

2 回答

相關(guān)問題推薦

添加回答

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

熱搜

最近搜索清空

請問如何用JavaScript分隔字段，并輸出到html

請問如何用JavaScript分隔字段，并輸出到html

2 回答

相關(guān)問題推薦

添加回答