javascript - 从逗号分隔的字符串javascript创建html表

Question

我正在尝试编写一个 Javascript 函数，该函数将文本写入(最终)创建以下 html 表格(我将向它传递不同长度的参数以创建数百个表格):

<table>
    <tr><td><u>School</u></td>
    <td><u>Percent</u></td>
    <tr><td>School 1: </td>
    <td>Percent1</td></tr>
    <tr><td>School 2: </td>
    <td>Percent2</td></tr>
    <tr><td>School 3: </td>
    <td>Percent3</td></tr>  
</table>

我的输入是逗号分隔的字符串:

var school_list = "School 1, School 2, School 3"
var pct_list = "Percent1, Percent2, Percent3"

该函数需要传入school_list和pct_list，返回一串上面的html表格代码。

Answer 1

像这样:

var schoolArr = school_list.split(',');
var pctArr = pct_list.split(',');
var table = "<table>";
for (var i=0; i< schoolArr.length; i++) {
    table = table + "<tr><td>"+ schoolArr[i]+"</td><td>"+ pctArr[i] +"</td></tr>"; 
}
table = table + "</table>";

return table;