Надежный счетчик столбцов в таблице с несколькими <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> 

Ignore данные - это действительно плохо.

Я пытаюсь подсчитать количество th под последним tr в пределах thead.

С JQuery, я сделал следующее $($0).find('thead th').length, чтобы получить количество столбцов, но в моем приложении, я хотел бы получить 8, так как технически есть 8 th под thead. Я хотел бы иметь решение, где я считаю только th в LAST tr (предположим, что моя таблица имеет несколько 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