Question

我有一个用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>

JS

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

单击行时输出的内容类似于......

HondaCivic2012

但我想要的是

Honda Civic 2012

最好的情况是尝试弄清楚如何在单击行后隔离值，以便我可以对每个Make，Model，Year文本执行操作。例如，如果我能弄清楚如何隔离值，我会做出输出

的东西

制作：本田

模特：思域

年份：2012

Answer 1

最好的选择是单独循环细胞。

在这里，这应该让你开始

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

从生成的表中获取值

1 个答案: