Tengo este código en jquery
$(document).ready(function() {
$("label").each(function() {
label = $(this).val();
label2 = $(this);
if (label2.$(':first-child')) {
label.show();
} else {
label.hide();
}
})
})
con el siguiente código en html
<div class="col-2">
<label>
Nombres y Apellidos</br>
<input placeholder="Escriba sus nombres" id="nombre" name="nombre" tabindex="1" >
<input placeholder="Escriba sus apellidos" id="apellido" name="apellido" tabindex="2" >
</label>
</div>
<div class="col-3">
<label>
Libreta Militar<br><br>
<label for="">
<label for="rta">¿Tiene libreta militar?</label></td>
<select name="rta" id="rta" tabindex="5" >
<option value="0">Escoja la opcion</option>
<option value="si">Si</option>
<option value="no">No</option>
</select>
</label>
<select name="tipo" id="tipo" tabindex="6">
<option value="0">Escoja el tipo</option>
<option value="primera clase">Primera Clase</option>
<option value="segunda clase">Segunda Clase</option>
</select>
<input placeholder="Escriba su número de libreta militar" id="libreta" name="libreta" tabindex="7" >
</label>
</div>
Al principio use el codigo para mostrar o no mostrar lo que necesitaba por medio del uso de id's, pero quiero intentar hacer un codigo mas global, el ideal es escoger cada primer hijo de cada label y mostrarlo y el resto de hijos esconderlos, solo que no funciona el codigo que coloque al principio, ¿que otra forma podría utilizar para hacer eso?.