Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/07/2015, 11:17
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 6 meses
Puntos: 977
Respuesta: selección de renglones con jquery

Tienes que ejecutar una función cuando se produzca el evento click en cualquiera de los elementos contenidos en cada fila. En dicha función, tomas a la fila que contiene al elemento clickeado y le puedes asignar una clase CSS para asignarle un color de fondo; esto funcionaría con una condición, en la cual verificaría que dicha fila posea o no la clase en cuestión; por lo que si está presente, le quitas la clase, caso contrario, se la asignas.

Código Javascript:
Ver original
  1. $("tr *").on("click", function(event){
  2.     var fila = $(this).parents("tr");
  3.    
  4.     event.stopImmediatePropagation();
  5.    
  6.     if (fila.hasClass("resaltar")){
  7.         fila.removeClass("resaltar");
  8.     }
  9.     else{
  10.         fila.addClass("resaltar");
  11.     }
  12. });

Con el método .parents(), pasándole como parámetro la cadena tr, tomo de todos los elementos ancestros del elemento afectado por el evento click, al que sea un <tr>, luego, prevengo el bubbling utilizando el método .stopImmediatePropagation() para que se afecte solo al elemento clickeado y no a otros en el DOM y, utilizando el método .hasClass(), verifico que la fila posea la clase que utilizo para asignarle un color de fondo, que en este ejemplo se llama resaltar. Si la tiene, se la quito con el método .removeClass(), caso contrario, se la asigno con el método .addClass().

DEMO

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand