生成されたテーブルから値を取得する

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

が、私は上のアクションを実行できるように、行をクリックした後、2012

最良のシナリオは、値を分離する方法を把握しようとしている

ホンダシビックだった私が取得しようとしていました各メイク、モデル、年のテキスト。例えば、私は私が

メイクを出力し、何かを行います値隔離する方法を見つけ出すことができるかどうか：ホンダ

モデル：シビック

年：2012

Answer 1

ベストオプションが一巡するだろうしそれぞれの細胞。ここで

、これはあなたがうわー、これはまさに私が探していたものである

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