jQuery Hide block if td empty

Question

I need to hide a table if td is empty (without a and div's).

sorry guys, my bad

if there is content, there is nothing to hide do not need but if td is empty - need to hide the table

<table class="klist-actions">
    <tr>
        <td class="klist-actions-goto">
            <a name="forumbottom"></a>
        </td>
        <td class="klist-actions-forum">
            <div class="kmessage-buttons-row">
                <a class="kicon-button kbuttoncomm btn-left" href="#"></a>                      
            </div>
        </td>

        <td class="klist-pages-all">
        </td>
    </tr>
</table>

stackoverflow.com/questions/2632008/… check out this one. it may help you. — johnny
– johnny, Commented Jan 3, 2014 at 18:25
just check if count of div and a in td is greater than 0. I assume you will always have a div or an a inside it. — Farrukh Subhani
– Farrukh Subhani, Commented Jan 3, 2014 at 18:28

Kevin Bowersox · Accepted Answer · 2014-01-03 18:39:37Z

4

This code will hide the table if any of the td elements are empty:

//select all td elements, iterate through them and check the length of their content
$(".klist-actions td").each(function(i,e){
    if(!$.trim(e.innerHTML).length){
       $(e).parents("table").hide();
    }
});

JS Fiddle: http://jsfiddle.net/XJd8t/7/

edited Jan 3, 2014 at 18:39

answered Jan 3, 2014 at 18:27

Kevin Bowersox

94.6k19 gold badges164 silver badges198 bronze badges

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

9 Comments

Kevin Bowersox Over a year ago

I am hiding if the table contains an empty td.

Neta Meta Over a year ago

$(".klist-actions td").hide(); this however will hide all TDs you are not specifing 1. You need to do your hide on 'e'

Kevin Bowersox Over a year ago

@NetaMeta According to the OP I need to hide a table. The requirements are slightly vague that is why I mentioned it will hide the entire table in the description.

A. Wolff Over a year ago

@KevinBowersox ya, that was what i was missing I need to hide a table if td is empty

Neta Meta Over a year ago

then `e.parents('table').hide(); or am i missing something ?

|

Ram · Accepted Answer · 2014-01-03 18:52:04Z

1

If you want to hide tables that have empty td elements you can use .filter() method:

$('table').filter(function(){
    return $('td', this).filter(function() {
       return $.trim(this.innerHTML).length === 0;
    }).length;
}).hide();

In case that you want to hide the table that all of it's td descendants are empty, you can compare the length of the td descendants with empty ones, if all of them are empty hide the table:

$('table').filter(function() {
    var $tds = $('td', this);
    return $tds.filter(function() {
       return $.trim(this.innerHTML).length === 0;
    }).length === $tds.length;
}).hide();

answered Jan 3, 2014 at 18:52

Ram

145k16 gold badges174 silver badges201 bronze badges

Comments

Damien Black · Accepted Answer · 2014-01-03 18:30:50Z

0

The code below will hide any 'table' that has at least one 'td' that doesn't have either an 'a' or 'div'

$('table:has(td:not(:has(a div)))').hide();

jQuery has a lot of interesting selectors, read about them here

answered Jan 3, 2014 at 18:30

Damien Black

5,65720 silver badges25 bronze badges

Comments

Brigadier · Accepted Answer · 2014-01-03 19:02:42Z

0

thx friends ! this code works !!!

$('table').filter(function() {
    var $tds = $('td', this);
    return $tds.filter(function() {
       return $.trim(this.innerHTML).length === 0;
    }).length === $tds.length;
}).hide();

answered Jan 3, 2014 at 19:02

Brigadier

371 silver badge10 bronze badges

Collectives™ on Stack Overflow

jQuery Hide block if td empty

4 Answers 4

9 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

9 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related