Ayuda con Jquery

chichote · #1 (**permalink**) 26/03/2010, 08:14

Hola amigos:

tengo el siguiente dilema.
con este script le cambio el color a todos los tr de una tabla, pero no me sirve para lo que quiero que es cambiarle el color a un tr especifico, por ejemplo el que tenga el id="10" y no a todos.

Código:

$('tr').css({ color: "#FFFFFF", background: "#FF0000" });

Espero me puedan ayudar.

gracias.

Dany_s · #2 (**permalink**) 26/03/2010, 08:40

cuando necesites seleccionar con alguna caracteristica podés ir a la doc de jquery en selectors y ahi viendo los ejemplos seguro lo encontrás, de paso te aprendes otras cosas jeje

atributo que el valor no sea iguial
http://api.jquery.com/attribute-not-equal-selector/

atributo que que el valor sea igual
http://api.jquery.com/attribute-equals-selector/

atributo que el valor comienza con
http://api.jquery.com/attribute-starts-with-selector/

chichote · #3 (**permalink**) 26/03/2010, 09:20

Gracias Dany_s.

seguire tu consejo, aunque la verdad siempre miro la documentacion antes de acudir al foro, pero como estoy comenzando recien con jquery varias cosas me parecen a chino mandarin jejeje.

Saludos y gracias.

Dany_s · #4 (**permalink**) 26/03/2010, 09:26

si es un id es único entonces accedes directamente
$('#10').css({ color: "#FFFFFF", background: "#FF0000" });

si queres darle fondo a todos los tr pero menos al que tenga id "10"
$('tr[id!=10]').css({ color: "#FFFFFF", background: "blue" });

Código HTML:

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
    $( function (){
        $('#10').css({ color: "#FFFFFF", background: "#FF0000" });
        $('tr[id!=10]').css({ color: "#FFFFFF", background: "blue" });
    });
  </script>
</head>
<body>

<table>
    <tr><td>uno</td></tr>
    <tr id="10"><td>dos</td></tr>
    <tr><td>tres</td></tr>
</table>

</body>
</html>

chichote · #5 (**permalink**) 26/03/2010, 13:19

gracias dany_s