Javascript 显示JQuery对象的输出

我似乎无法将一些对象提取到表中并输出结果。我想捕获一些jQuery对象的结果

我需要获取标题、描述和链接对象结果，并将它们放入for循环中，并使用表结构显示它们。我似乎一点也不明白

我正在成功地从标题、描述和链接中提取数据，所以现在我只需要弄清楚如何使用HTML显示数据

我们将不胜感激

以下是我的目标输出：

以下是我的roadmap.js文件中的代码：

$（文档）.ready（函数（）{
$pnp.setup({
基本URL:“https://fh126cloud.sharepoint.com/TrainingResourceCenter/O365Training"
});
$pnp.sp.web.lists.getByTitle（“O365RoadMap”）.items.get（）.then（函数（z）{
控制台日志（z）；
var result=z.results.map（a=>({
标题：`${a.Title}`，
说明：`${a.Description}`，
链接：`${a.Link}`
})
);
控制台日志（结果）；
路线图显示（结果）；
})
功能显示（结果）{
var head=结果标题；
var desc=结果描述；
var link=结果链接；
变量表=$（''）；
对于（变量i=0；i<2；i++）{
表。追加（“”）。追加（“”+头+“”）；
表.append（“”）.append（“”+desc+“”）；
表.append（“”）.append（“”+link+“”）；
}
$（'.Title'）。追加（表格）；
} 
});

下面是我如何在roadmap.txt中调用html的

---

将

路标显示功能替换为以下功能：

function roadMapDisplay(result) {
    $('.Title').append('<table>' + 
        result.reduce(
            (a, e) => a + 
                `<tr><td><h1>${e.Title}</h1></td>
                <td>${e.Description}</td>
                <td>${e.Link}</td></tr>`, 
            ''
        ) + '</table>'
    )
}

功能路线图显示（结果）{
$（'.Title'）。附加（''+
结果：减少(
（a，e）=>a+
`${e.Title}
${e.Description}
${e.Link}`，
''
) + ''
)
}
我离目标更近了一步，我能够使用下面提供的代码获得输出：

有人知道我为什么会回来吗？我没有收到任何console.log错误。


$（文档）.ready（函数（）{
$pnp.setup({
基本URL:“https://fh126cloud.sharepoint.com/TrainingResourceCenter/O365Training"
});
$pnp.sp.web.lists.getByTitle（“O365RoadMap”）.items.get（）.then（函数（项）{
控制台日志（项目）；
var result=items.map（item=>{
返回{
标题：项目。标题，
描述：项目。描述，
链接：item.Link
}
});
var$table=路线图显示（结果）；
console.log（$table）；
document.getElementById（'title'）.innerHTML=$table.innerHTML；
});
功能显示（项目）{
变量表=$（''）；
items.forEach（item=>{
表.附加（“”）；
table.append（`${item.Title}`）；
table.append（`${item.Description}`）；
table.append（`${item.Link}`）；
});
返回表；
} 
});

jQuery的
.append（）
应该提供完整的节点，而不是HTML字符串片段。例如，添加
元素，然后将
元素添加到该元素。此外，通常在
和
等块之后不需要

元素。我建议使用CSS来控制它们的垂直边距，而不是像这样的东西？表.append（“”）.append（“”+head+“”）；？是的，这是正确的，尽管您希望保留对
变量的引用，以便可以添加其他
元素。另外，它将是
.append（“”）
或
.append（“”）
我继续对原始代码进行了一些更新，我删除了所有的和标记，因为我稍后将在HTML中使用它们，并对表进行了更改。append，让我知道这是否是正确的方向。非常感谢Kosh的更新！我继续用你的函数替换了RoadmadDisplay函数，但是我仍然没有得到要显示的对象。上面的代码位于名为roadmap.js的文件中，而我正在使用以下代码调用html文件中的div：