Seleccionar un GridView con jquery

[jasonkilian]

Buenas, estoy intentando seleccionar un GridView con un selector Jquery para poder cambiar el color de una fila cuando paso el ratón por encima.

Lo he probado con:

Código [Seleccionar] Expandir

$(document).ready(function() {       
            $("table tr:has(td)").css({ background: "ffffff" }).hover(
                function() { $(this).css({ background: "#C1DAD7" }); },
                function() { $(this).css({ background: "#ffffff" }); }
                );
        });

El problema es que así me colorea cualquier tabla que tengo en la web.


Si le añado el ID del gridview no me funciona:

Código [Seleccionar] Expandir

$(document).ready(function () {
         $("#GridView1 table tr:has(td)").mouseover(function (event) {
             $(this).css({ background: "#ffffff" });
         });
         $("#GridView1 table tr:has(td)").mouseout(function (event) {
             $(this).css({ background: "#f6aa4c" });
         });
     });

Alguna posible solución?

Gracias, un saludo

[EFEX]

Define un #id a la tabla y solo aplica la propiedad css a esa tabla.

[jasonkilian]

No entiendo..., ¿a qué tabla?

[Usuario Invitado]

Asignale un id a tu tabla y realiza el css deseado. Por ejemplo:

Código [Seleccionar] Expandir

<table class="table" id="table-users">
    <thead>
        <tr>
            <th>ID</th>
            <th>Nombres</th>
            <th>Apellidos</th>
            <th>F. Nacimiento</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Juana</td>
            <td>Urresti Echevarría</td>
        </tr>
    </tbody>
</table>.

Y desde CSS aplicas el estilo deseado. Por ejemplo:

Código (css) [Seleccionar] Expandir

#table-users > tbody tr:hover {
    background-color: #f5f5f5;
}

[jasonkilian]

El problema es que el "estilo" que quiero aplicar lo quiero aplicar al GridView. En ningún momento defino una tabla al definir el gridview. El código que tengo con el gv es el siguiente:

Código [Seleccionar] Expandir

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
        DataKeyNames="IDJugador" DataSourceID="SqlDataSource1"
        Font-Name="Verdana"  BackColor="#cccccc"
        HeaderStyle-Height="35px" ItemStyle-Height="35px" Font-Size="10pt"
        Cellpadding="4" HeaderStyle-BackColor="#444444" HeaderStyle-ForeColor="White"
         RowStyle-BackColor="#cc0000" >
<Columns>
....
.....
....
....
</Columns>
    </asp:GridView>

Y lo que quiero es que al pasar el ratón por encima de una fila del gridview, ésta cambie de color. Me gustaría implementarlo además con jquery. Estoy bastante perdido, gracias.

[jasonkilian]

Resuelto, gracias