Javascript 从生成的表中获取值

我有一个由JSON生成的表。我试图创建的行为是，当他们单击表中的任何单元格（更具体地说是行）时，它将在屏幕底部显示文本中的值。我所有的东西都在工作，但当它得到值时，它会将它们合并在一起，没有空格

以下是我的部分代码：

HTML

<div class="container" id="table-container">
    <table class="table table-bordered table-hover" id="table">
        <thead>
        <tr>
            <th data-field="make" data-sortable="true">Make</th>
            <th data-field="model" data-sortable="true">Model</th>
            <th data-field="year" data-sortable="true">Year</th>
        </tr>
        </thead>
    </table>
</div>

<hr/>
<div class="container">
    <h3>Reviews</h3>
    <br/>
    <h4 id="car-id"></h4>
</div>

单击一行时的输出类似于

洪都拉斯2012

但我想得到的是

本田思域2012

最好的情况是尝试找出如何在单击行后隔离值，以便我可以对每个品牌、型号和年份文本执行操作。例如，如果我能找出如何隔离这些值，我将制作一些输出

品牌：本田

模特儿：思域

---

年份：2012年

最好的选择是在各个单元之间循环

这里，这应该让你开始

$('#table').on("click", "tbody tr", function () {
    $('td', this).each(function () {
        $('#car-id').append($(this).text() + " ");
     })
});

---

哇，这正是我要找的！这是一个如此简单的解决办法，我有点失望，我无法找到它。谢谢

$('#table').on("click", "tbody tr", function () {
    $('td', this).each(function () {
        $('#car-id').append($(this).text() + " ");
     })
});