Ocultar campo de texto y etiqueta asociado

Question

Esta es probablemente una pregunta bastante inútil, pero creo que sería útil para muchos de nosotros.

En este caso, me gustaría poder ocultar un cuadro de texto y su etiqueta, todo de una vez, sin tener que seleccionar ambos elementos y ocultarlos individualmente.

<label for="a">some text:</label> 
<input type="text" class="text" id="a" /> 

Así, para el caso anterior, ¿sería posible utilizar un simple comando de jQuery para ocultar a los dos juntos?

Answer 1

Usted puede hacer esto

$('label[for=a], input#a').hide(); 

http://jsfiddle.net/jasongennaro/dYFMU/

[ ] selecciona el attribute. En este caso, estamos apuntando a un atributo for que equivale a a.

Al mismo tiempo, usamos un , para hacer otra selección, el input con un id=a.

EDITAR

Además, si usted necesita para hacer esto por múltiples labels y inputs se puede poner el label y id en una matriz de la siguiente manera:

<label for="a">some text:</label> 
<input type="text" class="text" id="a" /> 

<br /> 

<label for="b">some text:</label> 
<input type="text" class="text" id="b" /> 

<br /> 

<label for="c">some text:</label> 
<input type="text" class="text" id="c" /> 

js

var a = ['a','b','c']; 

for(var i=0; i<a.length; i++){ 
    $('label[for=' + a[i] + '], input#' + a[i]).hide(); 
} 

http://jsfiddle.net/jasongennaro/dYFMU/1/

Answer 2

La forma más sencilla sería simplemente envolverlos en un div y ocultarlos en su lugar.

<div id="hidethis"> 
    <label for="a">some text:</label> 
    <input type="text" class="text" id="a" /> 
<div> 

$("#hidethis).hide(); 

Answer 3

Encuentre la entrada que le apetezca, y luego se puede encontrar su ID mediante

var myInputBoxID = $(some selector).attr("id"); 

continuación, puede hacer referencia a la etiqueta utilizando la siguiente sintaxis para coger de la etiqueta del atributo:

$("label[for=' + myInputBoxID + ']").hide(); 

Probablemente pueda anidar las cosas muy bien para que no necesite almacenar nada como una variable, y en su lugar ejecutar un "para cada" en todos los resultados de su selector de cuadro de entrada. Pero de todos modos la clave es encontrar el ID y luego utilizarlo para encontrar la etiqueta con la etiqueta [a = ...]

Answer 4

si desea volver a utilizar la ocultación, puede crear una función similar a:

function hideTandem(id){ 
    $('#' + id + ', label[for=' + id + ']').hide(); 
} 

y llamarlo mediante el suministro de la identificación de la entrada

hideTandem('a');