繰り返しテーブルの列の値を取得しますか？

Question

私はこのテーブルを持っている：

私はクリックしなくても、各行の最後の列の値を取得していますように、私はそれを作ることができますどのように

var table = document.getElementById('tableID'), 
 
    cells = table.getElementsByTagName('td'); 
 

 
for (var x = 0, len = cells.length; x < len; x++) { 
 
    cells[x].onclick = function() { 
 
     console.log(this.innerHTML); 
 
    }; 
 
}

<table class="table table-striped" id="tableID"> 
 
    <tbody> 
 
     <tr ng-repeat="cup in cups"> 
 
      <td>{{cup.cupnum}}</td> 
 
      <td>{{::cup.contents.model}}</td> 
 
      <td>{{::cup.contents.woa}}</td> 
 
      <td>{{::cup.contents.perfBy}}</td> 
 
      <td>{{::cup.contents.perfAt}}</td> 
 
      <td>{{::cup.contents.loadEvent}}</td> 
 
      <td>{{samples[cup.contents.sampleID-1].contents.name}}</td> 
 
      <td>{{holders[cup.contents.holderID-1].contents.type}}</td> 
 
     </tr> 
 
    </tbody> 
 
</table>

？ ：<td>{{holders[cup.contents.holderID-1].contents.type}}</td> 列

Answer 1

は、使用しよう：

cells = table.querySelector('td:last-child') 

これは常に行の最後のTDを返します。

Answer 2

、最後の列にアクセスするあなたは `cups`配列内のすべてのデータを持っているすべてのtd:last-child

var cells = document.querySelectorAll('#tableID td:last-child'); 
 
var result = document.getElementById("result"); 
 
result.innerHTML=""; 
 
for (var x = 0, len = cells.length; x < len; x++) { 
 
     result.innerHTML+=cells[x].innerHTML+"<br>"; 
 
};

<table class="table table-striped" id="tableID" border="1"> 
 
    <tbody> 
 
     <tr ng-repeat="cup in cups"> 
 
      <td>{{cup.cupnum}}</td> 
 
      <td>{{::cup.contents.model}}</td> 
 
      <td>{{::cup.contents.woa}}</td> 
 
      <td>{{::cup.contents.perfBy}}</td> 
 
      <td>{{::cup.contents.perfAt}}</td> 
 
      <td>{{::cup.contents.loadEvent}}</td> 
 
      <td>{{samples[cup.contents.sampleID-1].contents.name}}</td> 
 
      <td>{{holders[cup.contents.holderID-1].contents.type}}</td> 
 
     </tr> 
 
     <tr ng-repeat="cup in cups"> 
 
      <td>{{cup.cupnum}}</td> 
 
      <td>{{::cup.contents.model}}</td> 
 
      <td>{{::cup.contents.woa}}</td> 
 
      <td>{{::cup.contents.perfBy}}</td> 
 
      <td>{{::cup.contents.perfAt}}</td> 
 
      <td>{{::cup.contents.loadEvent}}</td> 
 
      <td>{{samples[cup.contents.sampleID-1].contents.name}}</td> 
 
      <td>{{holders[cup.contents.holderID-1].contents.type}}</td> 
 
     </tr> 
 
    </tbody> 
 
</table> 
 
<hr> 
 
<h2>Result</h2> 
 
<div id="result"></div>