jQuery对象输出未定义答案

【问题标题】：jQuery object outputting undefinedjQuery对象输出未定义
【发布时间】：2018-07-24 18:47:46
【问题描述】：

我很难让函数在 JavaScript 中使用 innerHTML 调用返回输出。

输出为“未定义”：

代码如下：

$(document).ready(function(){
    $pnp.setup({
        baseUrl: "https://fh126cloud.sharepoint.com/TrainingResourceCenter/O365Training"
    });

    $pnp.sp.web.lists.getByTitle("O365RoadMap").items.get().then(function(items) {
        console.log(items);
        var result = items.map(item => {
            return {
                Title: item.Title,
                Description: item.Description,
                Link: item.Link
            }
        });
        var $table = roadMapDisplay(result);
        console.log($table);
        document.getElementById('title').innerHTML = $table.innerHTML;
    });

    function roadMapDisplay(items) {

        var table = $('<table/>');

        items.forEach(item => {
            table.append('<tr/>');
            table.append(`<td>${item.Title}</td>`);
            table.append(`<td>${item.Description}</td>`);
            table.append(`<td>${item.Link}</td>`);
        });

        return table;
        
    } 
});

<div id="title"></div>

<script src="/TrainingResourceCenter/O365Training/SiteAssets/roadmap.js?v=1"></script>

我希望它从 roadMapdisplay 输出结果。

【问题讨论】：

标签： javascript jquery html arrays json

【解决方案1】：

innerHTML 是一个 DOM 元素属性，不直接被 jQuery 公开。要获得它，请改用html()。

参考。 http://api.jquery.com/html/

document.getElementById('title').innerHTML = $table.html();

【讨论】：

感谢 Taplar 的更新！它终于显示了一些数据！但它正在拉入包含所有数据的“innerHTML”对象。有没有办法只提取“标题”、“描述”和“链接”对象？
我不确定我是否理解这个问题。 roadMapDisplay 是否没有返回您想要的内容？如果是这种情况，那么该方法可能应该改变吗？另请注意，表格上的 innerHTML 将不包含 table 标记。它只会返回行的标记。如果你想要整个东西，你需要使用$table.prop('outerHTML')。
我能够包含$('#title').html($table);，这使得表格显示如下链接所示：link - 输出是完美的，但我如何能够格式化它以使其不在旁边彼此，而是在下方？
@SaintLouisEvents 这是一个不同的问题，:)
感谢您的帮助！我能够将 table、tr 和 td 标签替换为 container、row 和 p，并且效果很好！