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!
>
