¿Cómo puedo obtener elementos primos con JQuery?

Question

Tengo una tabla con muchas filas de datos, y quiero mostrar u ocultar algunos de los detalles en cada fila en función de una casilla de verificación en el primer elemento. Por ejemplo:

<table> 
    <tr> 
    <td><span class="aspnetweirdness"><input type=checkbox></span></td> 
    <td>Text Text Text</td> 
    <td><select /></td> 
    <td><input type=text></td> 
    </tr> 
</table> 

Busco a recorrer desde la casilla de verificación para los elementos primo (el texto, la selección, y la introducción de texto) con jQuery y cambiar la visibilidad de los elementos en función de si la casilla de verificación es comprobado. Un pequeño inconveniente es que la casilla de verificación está envuelta en un lapso, ya que esto está siendo generado por asp.net. Eso también hace que los elementos sean más difíciles de alcanzar con id.

¿Cómo voy a hacer esto? Intenté $ (esto) .parentsUntil ('tr'). Brothers(), pero no parece que obtenga los elementos correctos.

Cualquier ayuda sería apreciada.

EDIT:

$(".crewMemberTable input:checkbox").toggle(function() { 
      $(this).closest('tr').find('select, input:not(:checkbox)').fadeIn(); 
      $(this).closest('tr').find('label').css('font-weight', 'bold'); 
     }, function() { 
      $(this).closest('tr').find('select, input:not(:checkbox)').fadeOut(); 
      $(this).closest('tr').find('label').css('font-weight', 'normal'); 
     }); 

Answer 1

Bien has necesitado:

$(this).closest('tr').find('td:not(:first-child)') 

donde "este" sería el elemento casilla de verificación si el código estuviera en un manejador de "clic" o algo así.

Answer 2

$('input[type=checkbox]').click(function() { 
    $(this).closest('td').siblings().find('select,input').hide(); 
}); 

Answer 3

Sé que esta es una vieja pregunta, pero acabo de tropezar con ella y me di cuenta de que recientemente escribí una función genérica para esto.

Uso de la función por debajo de usted puede escribir simplemente $(this).cousins() para conseguir una colección que contiene el texto, seleccionar y elementos de texto de entrada (donde this es por supuesto su casilla de verificación.)

/* See http://addictedtonew.com/archives/414/creating-a-jquery-plugin-from-scratch/ 
* Used like any other jQuery function: 
*  $(selector).cousins() 
*/ 
(function($) { 
    $.fn.cousins = function() { 
     var cousins; 
     this.each(function() { 
      var auntsAndUncles = $(this).parent().siblings(); 
      auntsAndUncles.each(function() { 
       if(cousins == null) { 
        cousins = auntsAndUncles.children(); 
       } 
       else cousins.add(auntsAndUncles.children()); 
      }); 
     }); 
     return cousins; 
    } 
})(jQuery) 

Answer 4

Soy nuevo en stackoverflow y no estoy seguro si puedo o no, pero edité la respuesta de @robjb y la publiqué aquí. El crédito total solo le corresponde a él.

En caso de que alguien quiera seleccionar solo primos en particular y no todos primos (es decir, quiere tener selector), entonces podemos utilizar esta versión modificada de la respuesta de @robjb. Si selector no se pasa como un argumento, entonces dará todos los primos.

(function($) { 
$.fn.cousins = function(selector) { 
    var cousins; 
    this.each(function() { 
     var auntsAndUncles = $(this).parent().siblings(); 
     auntsAndUncles.each(function() { 
      if(cousins == null) { 
       if(selector) 
        cousins = auntsAndUncles.children(selector); 
       else 
        cousins = auntsAndUncles.children(); 
      } 
      else { 
       if(selector) 
        cousins.add(auntsAndUncles.children(selector)); 
       else 
        cousins.add(auntsAndUncles.children()); 
      } 
     }); 
    }); 
    return cousins; 
    } 
})(jQuery) 

Ejemplo del uso de la función anterior sería tan

$(clickedObj).cousins('.singleWheel'); 

La otra opción sería utilizar .Filter() y respuesta uso de @ robjb.