如何使用 JS 查看 HTML 中的數據“$content”

Question

我想在 HTML 中顯示進入“表格”的數據，但我不明白出了什么問題

function renderUI(table) {
    $content = '<div><table>'

    table.forEach((row, index) => {
        $content = `<tr>
            <td>${index}</td>
            ${ row.forEach((innerRow, index2) => {
                return `<td>${innerRow.time}</td> <td>${innerRow.route}</td>`
            }) }
        </tr>`
    });

    $content += '</table></div>'

    $('#app').append($content);

Answer 1

問題一

$content = `<tr>

那是作業，不是追加。 你在倒數第二行做對了。 你也需要在中間改變它。

問題二

${ row.forEach((innerRow, index2) => {  … return

從forEach返回什么都不做。 forEach總是返回undefined 。

您需要改用map 。 這將返回一個數組，您可以調用該數組.join("\\n")為您提供一個包含您生成的所有 HTML 塊的字符串