信頼性の高い列数<tr>の

Question

私は、およそ次のようなテーブルを持っている：

<table> 
    <thead> 
    <tr> 
    <th>Mars</th> 
    <th>Venus</th> 
    <th>Jupiter</th> 
    <th>Pluto</th> 
    </tr> 
    <tr> 
    <th scope="col">Produced</th> 
    <th scope="col">Sold</th> 
    <th scope="col">Produced</th> 
    <th scope="col">Sold</th> 
    </tr> 
    </thead> 
    <tr> 
    <td>1</td> 
    <td>50,000</td> 
    <td>30,000</td> 
    <td>100,000</td> 
    <td>80,000</td> 
    </tr> 
    <tr> 
    <td>2</td> 
    <td>10,000</td> 
    <td>5,000</td> 
    <td>12,000</td> 
    <td>9,000</td> 
    </tr> 
</table> 

は、データを無視する - それは本当に悪いです。

trの下のthの数をtheadに数えようとしています。

jQueryでは、私はカラムの数を取得するために次のようにしましたが、私のアプリケーションでは、技術的に8 の下に834があります。theadです。私は最後にtrのthを数えるだけの解決策を考えています（私のテーブルにはtrがtheadの範囲内にあると仮定します）。

私は基本的に信頼できる方法でテーブルの列数を数えようとしています。

EDIT：

ここではCodePenです：http://codepen.io/anon/pen/OWByqW

Answer 1

それは非常に簡単です。

var ths = document.querySelector('thead tr:last-child'); 

console.log(ths.childElementCount); 

Answer 2

使用直接の子セレクタ：https://api.jquery.com/child-selector/ と最後のセレクタ：https://api.jquery.com/last-selector/

$($0).find('thead > tr :last > th').length 

codepen：http://codepen.io/DrevanTonder/pen/QdZjPa