jQuery发现一行没有class =“hidden”的单元格

Question

我需要在表格中找到总列数。

我可以获得总行数和总列数，但我只需要那些未隐藏的列。

我的HTML就是这样。

<td data-group="general" data-id="edition1"></td>
<td data-group="general" data-id="edition2"></td>
<td data-group="general" data-id="edition3"></td>
<td data-group="general" data-id="studio1" class="hidden"></td>
<td data-group="general" data-id="studio2" class="hidden"></td>
<td data-group="general" data-id="studio3" class="hidden"></td>
<td data-group="general" data-id="studio4" class="hidden"></td>

的jQuery

var table =  $('#ReportR > table')[0];
//Get number of rows/columns
var rowLength = table.rows.length;
var colLength = table.rows[0].cells.length;

但我只需要那些没有class=hidden的专栏。

Answer 1

var colLength = $('#ReportR > table td:not(.hidden)').length();

Answer 2

尝试使用:not()选择器

$(":not(.hidden)")

See the documentation for more information.

Answer 3

您可以使用jQuery的not（）方法过滤您的查询：

$('td').not('.hidden')

http://jsfiddle.net/sLe243vL/

Answer 4

您可以通过执行以下操作来定位这些元素：

$('td:not(.hidden)')