请问如何用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>
  • 非常感谢,望高手帮助,谢谢了!


泛舟湖上清波郎朗
浏览 802回答 1
1回答

慕田峪9158850

&nbsp;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"; }
打开App,查看更多内容
随时随地看视频慕课网APP