猿问

请问如何用JavaScript分隔字段,并输出到html

请问如何用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>

非常感谢,望高手帮助,谢谢了!


大话西游666
浏览 635回答 2
2回答

智慧大石

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

Smart猫小萌

var&nbsp;str&nbsp;=&nbsp;"a1|b1|c1|||a2|b2|c2|||a3|b3|c3"; var&nbsp;arr&nbsp;=&nbsp;str.split("|||"); var&nbsp;html&nbsp;=&nbsp;""; for&nbsp;(var&nbsp;i&nbsp;=&nbsp;0;&nbsp;i&nbsp;<&nbsp;arr.length;&nbsp;i++)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;arr[i]&nbsp;=&nbsp;arr[i].split("|"); } for&nbsp;(var&nbsp;i&nbsp;=&nbsp;0;&nbsp;i&nbsp;<&nbsp;arr[0].length;&nbsp;i++)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;html+='<a&nbsp;href="/'+arr[2][i]+'">\n<img&nbsp;src="/'+arr[1][i]+'"></a>\n<div><a&nbsp;href="/'+arr[2][i]+'">'+arr[0][i]+'</a></div>\n'; } alert(html); document.write(html);
随时随地看视频慕课网APP
我要回答