Count of td (table) using jQuery?

Question

<table>
<tbody>
<tr class="row-1 row-first">
<td><div class="inside">Text</div></td>
<td><div class="inside">Text</div></td>
<td><div class="inside">Text</div></td>
</tr>
<tr class="row-2">
<td><div class="inside"></div></td>
<td><div class="inside">Text</div></td>
<td><div class="inside">Text</div></td>
</tr>
<tr class="row-3 row-last">
<td><div class="inside"></div></td>
<td><div class="inside">Text</div></td>
<td><div class="inside">Text</div></td>
</tr>
</tbody>
</table>

That is my HTML.. I want to know the count of td's which does not have an empty div (with class="inside") in jQuery? How do I go about it?

lonesomeday · Accepted Answer · 2011-06-09 07:11:50Z

10

Something like this, with the has, not, and empty selectors:

$('td:not(:has(div.inside:empty))').length;

answered Jun 9, 2011 at 7:11

lonesomeday

239k54 gold badges330 silver badges329 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Pack Hack Over a year ago

I have a big selector line before the table comes into the html. classes -> .page-community-members .views-view-grid.grid-8... Shall I include it in the selector like this??? $('.page-community-members .views-view-grid.grid-8 td:not(:has(div.inside:empty))').length;

Pack Hack Over a year ago

Can i use it this way? $('.page-community-members .views-view-grid.grid-8 td:not(:has(div.inside:empty))').length;

GeertvdC · Accepted Answer · 2011-06-09 08:19:02Z

4

Made a shorter version:

$("td div.inside:not(:empty)").length;

example here: http://jsfiddle.net/j7ucY/1/

edited Jun 9, 2011 at 8:19

answered Jun 9, 2011 at 7:54

GeertvdC

2,9562 gold badges23 silver badges26 bronze badges

3 Comments

DarthJDG Over a year ago

-1, It IS shorter, but it leaves out the class selector completely, and it will select the <div>s, not <td>s. You never know, in the actual application there might be multiple elements inside the table cells.

GeertvdC Over a year ago

sorry, totally missed out on the class. added it now and its still 1 selector shorter than the other solution.

lonesomeday Over a year ago

This will break if there is, for instance, a br or an img element within the div, since they are inherently empty.

neurino · Accepted Answer · 2011-06-09 07:56:07Z

0

$('td div.inside').filter(function(idx){
    return $(this).text() != ""
 }).length;

demo

edited Jun 9, 2011 at 7:56

answered Jun 9, 2011 at 7:16

neurino

12.5k3 gold badges48 silver badges69 bronze badges

Collectives™ on Stack Overflow

Count of td (table) using jQuery?

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related