Javascript构建表

Question

在我的js文件中，我正在构建一个HTML表，该表可能基于或不具有基于返回数据的数据库。

还有更简化的方法吗？

JS文件

leftSideHtml += "<td><input class='form-control valid' type='text' id='txtName' name='txtName'";

if (data.SelectDrugIdDetail.ReimbursementDrugName !== "") {
    leftSideHtml += "value="
    leftSideHtml += dataName;
    leftSideHtml += ""
}
leftSideHtml += "</input></td></tr>";

$("#tblDrugInfoLeftSide tbody").html(leftSideHtml)

Answer 1

您可以使用ES6模板文字

leftSideHtml += `
    <tr><td>
        <input class='form-control valid' type='text' id='txtName' name='txtName'" 
            ${((data.SelectDrugIdDetail.ReimbursementDrugName !== "") ? 'value="'+dataName+'"' : "")}
        </input>
    </td></tr>`;

$("#tblDrugInfoLeftSide tbody").html(leftSideHtml);

Answer 2

也许是这样的：

leftSideHtml += '<td><input class="form-control valid" type="text" id="txtName" name="txtName" </input></td></tr>';

$("#tblDrugInfoLeftSide tbody").html(leftSideHtml);

if (data.SelectDrugIdDetail.ReimbursementDrugName !== "") {
    $('#txtName').val(dataName);
}