具有多个表的可靠列数

时间:2017-02-09 00:47:14

标签: jquery html html-table multiple-columns

我的表格大致如下:

<sentence> ::= <simple_sentence> [ <conjunction> <sentence> ]
<simple_sentence> ::= <noun_phrase> <verb_phrase>

忽略数据 - 这真的很糟糕。

我正在尝试计算<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> thtr的数量thead

使用jQuery,我执行了以下$($0).find('thead th').length来获取列数,但在我的应用程序中,我会得到8,因为从技术角度看th下有thead。我想要一个解决方案,我只计算最后th中的所有tr(假设我的表格在tr内有多个thead)。

我基本上试图有一种可靠的方法来计算表格中的列数。

编辑:

以下是CodePen:http://codepen.io/anon/pen/OWByqW

2 个答案:

答案 0 :(得分:1)

这很简单。

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

console.log(ths.childElementCount);

答案 1 :(得分:0)

使用直接子选择器: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