js动态拼接table

 <table border="1" id="river">
				 <thead>

                 <tr>
					 <td>序号</td>
					 <td>河道名称</td>
					 <td>实时水位(m)</td>
					 <td>警戒水位(m)</td>
					 <td>较警戒水位变幅（m）</td>
				 </tr>
				 </thead>

				 <tbody id="tbodyR">

				 </tbody>
			 </table>

  riverData.forEach(function (data, index) {
                    let td;
                    td = "<td>" + data.rvnm + "</td>"
                        + "<td >" + data.exname + "</td>"
                        + "<td >" + data.z + "</td>";

                    $("#tbodyR").append("<tr>" + td + "</tr>");

                })