[jQuery] Re: Interacting with TR an TD

[Feed]

Hey Mike, thanks for you answers... your code is being executed much
faster, thanks! I just changed this:

var $td = $('td',this);

to

var $td = $('td:gt(1)',this);

Because I want to exclude the first TD from the checking. Right now
it's conflicting with another line of code that "stripes"  (zebra-
like) the table... this is the code that makes de stripes:

$(".table tr:nth-
child(even)").not(".dontStripeThis").addClass("mouseOverTR");

I'm working to solve this problem, thank you all.

On Apr 28, 2:43 am, "Michael Geary" <[EMAIL PROTECTED]> wrote:
> That's very clever, Ian, I like that!
>
> Here's another approach that uses a variable instead of the temporary class:
>
> $(function() {
>     $('tr').each( function() {
>         var empty = true;
>         $('td',this).each(function() {
>             if( $(this).html() !== '&nbsp;' )
>                 return empty = false;
>         });
>         if( empty )
>             $(this).addClass( 'allEmptyTds' );
>     });
>
> });
>
> I think my favorite way to do this particular task, though, is with an
> old-fashioned FOR loop:
>
> $(function() {
>     $('tr').each( function() {
>         var $td = $('td',this);
>         for( var i = 0, n = $td.length;  i < n;  ++i )
>             if( $td[i].innerHTML !== '&nbsp;' )
>                 return;
>         $(this).addClass( 'allEmptyTds' );
>     });
>
> });
>
> (Warning: Untested code!)
>
> -Mike
>
> > From: Ian Struble
> > Building on Karl's example and your new
> > all-td's-must-be-empty requirement; mark all the TR's with a
> > target class then sweep through the TD's and get rid of the
> > target class if you find a td that is not
> > empty.   Play around a bit and see what else you can come up with.
>
> > $(document).ready(function() {
> >   $('tr').addClass('allEmptyTds');    // mark
> >   $('td').each(function() {
> >     var $this = $(this);
> >     if ($this.html() !== '&nbsp;') {
> >       $this.parent().removeClass('allEmptyTds');  // and sweep
> >     }
> >   });
> > });
> > > From: Feed
> > > > Hello all, I'm getting used to the excellent jQuery library and I
> > > > need some help of more experienced programmers. I have
> > this simple table:
>
> > > > <table class="table">
> > > >       <tr>
> > > >               <td>content</td>
> > > >               <td>content</td>
> > > >               <td>content</td>
> > > >       </tr>
> > > >       <tr>
> > > >               <td>&nbsp;</td>
> > > >               <td>&nbsp;</td>
> > > >               <td>&nbsp;</td>
> > > >       </tr>
> > > >       <tr>
> > > >               <td>content</td>
> > > >               <td>content</td>
> > > >               <td>content</td>
> > > >       </tr>
> > > > </table>
>
> > > > What I need is to add a class to the TRs that have
> > > > children TDs that have &nbsp; inside (and ONLY
> > > > &nbsp;)... I'm having problems because &nbps;
> > > > is not text, it's html code...