[jQuery] parentNode

[SoutlinK]

Hola chic@s.

Tengo la siguiente duda. Tengo un código en el cual tengo una tabla, la cuall tiene varias filas y varias tablas.

ejemplo

Código HTML:

<table width="100%">
  <tr>
    <td align="center">1 - 1</td>
    <td align="center">1 - 2</td>
    <td align="center">1 - 3</td>
    <td align="center">1 - 4</td>
    <td align="center">1 - 5</td>
  </tr>
  <tr>
    <td align="center">2 - 1</td>
    <td align="center">2 - 2</td>
    <td align="center">2 - 3</td>
    <td align="center">2 - 4</td>
    <td align="center">2 - 5</td>
  </tr>
  <tr>
    <td align="center">3 - 1</td>
    <td align="center">3 - 2</td>
    <td align="center">3 - 3</td>
    <td align="center">3 - 4</td>
    <td align="center">3 - 5</td>
  </tr>
  <tr>
    <td align="center">4 - 1</td>
    <td align="center">4 - 2</td>
    <td align="center">4 - 3</td>
    <td align="center">4 - 4</td>
    <td align="center">4 - 5</td>
  </tr>
  <tr>
    <td align="center">5 - 1</td>
    <td align="center">5 - 2</td>
    <td align="center">5 - 3</td>
    <td align="center">5 - 4</td>
    <td align="center">5 - 5</td>
  </tr>
</table> 

Lo que necesito es que por ejemplo al pulsar en la columna 4 - 2 se ponga toda la fila 4 en rojo.

Con javascript normal creo que seria:

Código PHP:

  this.parentNode 
   

Pero tampoco estoy muy seguro.

A ver si me podeis ayudar.

P.D no me vale con poner en el tr onclick="funcion"

[marcopoloaz06]

hola, eso es muy fácil

Código javascript:

$(document).ready(function(){  
    $("table tr td").click(function(){
        var $this = $(this);
        var parent = $this.parent();
        var color = parent.css("backgroundColor");
        parent.css("backgroundColor", color=="red" ? "white" : "red" );
    });
});
 

saludos
:]

[SoutlinK]

y si quiero ir para atras mas de una vez, utilizo parent().parent()??

[marcopoloaz06]

no, usas

Código PHP:

  parent.parent().parent().parent().parent().parent() 
   

haci porque el primer parent() es la variable parent,
pero si algo así
xD