我的表格大致如下:
<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>
内th
下tr
的数量thead
。
使用jQuery,我执行了以下$($0).find('thead th').length
来获取列数,但在我的应用程序中,我会得到8,因为从技术角度看th
下有thead
。我想要一个解决方案,我只计算最后th
中的所有tr
(假设我的表格在tr
内有多个thead
)。
我基本上试图有一种可靠的方法来计算表格中的列数。
编辑:
以下是CodePen:http://codepen.io/anon/pen/OWByqW
答案 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