JQuery resaltando una fila en una tabla cargada ajax

Una página contiene dos tablas. La primera tabla se carga junto con toda la página y la segunda tabla se carga después con la ayuda de ajax.
Ambas tablas contienen enlaces en cada una de sus filas.
Después de hacer clic en un enlace, se debe resaltar la fila de la tabla correspondiente (donde está el enlace).

Con la primera mesa no hay problema. Lo siguiente funciona bien:

$(document).ready(function () {
        $('#firstTable tr a').click(function (event) {               
            $('#firstTable tr').css("background-color", "white");
            $(this).closest('tr').css("background-color", "silver");
        });
    });

Pero hay problemas con la segunda tabla. Trato de usar .live() método pero sin éxito, no reacciona a los clics:

function onLoad() {
              $('#secondTable tr a').live('click', function () {
                  highlChooseRow();
              });
          }

          function highlChooseRow() {
              $('#secondTable tr').css("background-color", "white");
              $(this).closest('tr').css("background-color", "silver");
          }

¿Qué estoy haciendo mal?

preguntado el 09 de enero de 11 a las 07:01

1 Respuestas

¿Qué tal

$(document).ready(function () {
    $('#firstTable tr a, #secondTable tr a').live('click', function (event) {               
        $(this).parent('table').find('tr').css("background-color", "white");
        $(this).closest('tr').css("background-color", "silver");
    });
});

debería funcionar sin ningún problema. para la limpieza, también puede definir alguna clase '.higlightable-table' o algo así y usar $('.hightlightable-table a').live ...

Respondido el 09 de enero de 11 a las 10:01

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.