Try: $(this).parents('tr:eq(0)').css('background-color', 'white'); Cheers, -Jonathan
On 1/23/08, Mang <[EMAIL PROTECTED]> wrote: > > > I have a fairly simple app: > > <table> > <thead> > <th>... > </thead> > <tbody> > <tr><td><img src="/images/deactivate.gif" class="active_toggle"></td></ > tr> > <tr><td><img src="/image/deactivate.gif" class="active_toggle"></td></ > tr> > <tr><td><img src="/image/deactivate.gif" class="active_toggle"></td></ > tr> > </tbody> > </table> > > then the following jquery toggles the src of the images back and forth > > $("img.active_toggle").toggle(function(e){ > // alert('change to reactivate'); > $(this).attr("src","images/btnReactivate.gif") > }, function(e) { > // alert('change to deactivate'); > $(this).attr("src","images/btnDeactivate.gif") > // hide a row after acknowledgement > > }); > > What I would like to do now is add some jquery that changes the > background-color of the row containing the image that was clicked. My > thought was to use parent/parents, but nothing seems to be working: > > $("img.active_toggle").toggle(function(e){ > $(this).attr("src","images/btnReactivate.gif") > $(this).parent('tr').css("background-color","red") > return false; > }, function(e) { > $(this).attr("src","images/btnDeactivate.gif") > $(this).parent('tr').css("background-color","white") > }); > > Clicking the image toggles the src just fine, but the tr color never > changes. > > thx! >