Obtener value de los elementos de dentro de una tabla en Jquery

[Lucieta86]

Tengo el siguiente código:

Código HTML:

<div id="margen" >
<table style="font-size:12px"><tr>
<?php
$sql="execute proc_resweb_espacios_disponibles '".$FeIniBD."','".$FeFinBD."','".$horaInicio."','".$horaFin."','".$diaNumerico."','''".$opcEspacios[0]."'',''".$opcEspacios[2]."'',''".$opcEspacios[1]."''','".$opcEdif."'";
//echo $sql;    
$esp=db_query($database_name, $sql);
while($espacios=fetch_array($esp)){
?>
<td ><div style="background:#E0F2F7">
<input type="checkbox" name="aulaRes" class="aulaRes" id="aulaRes" value="<?php echo $espacios["NESPACIO"]; ?>"/><?php echo $espacios["ALIAS"]." - ".htmlentities($espacios["OBSERVACIONES"])." "; ?>
</td>
<td><button id="botReserva" class="botReserva"> Reservar</button></td>
</tr>
<tr>
<td></td>
</tr>
 
<?php 
}
?>
 
</table>
 

Construye una tabla con aulas, y un boton de reserva para cada aula... necesito que al darle en el botón, pueda obtener el value del aula de esa fila, sin necesitad de que el checkbox este activado...

Es algo como esto:

$("#aulaRes").val();

Pero en este caso, siempre me coge el valor de la primera fila, independientemente del botón en el que yo he echo el clic...

Alguna idea?

Gracias

[maycolalvarez]

como veo que se generan desde un cliclo en PHP. lo ideal es que cada ID de los elementos sean únicos, por lo que pudiera embeber un incrmentador, en el NAME lo ideal es que se comporten como arrays, agregue como sufijo un par de corchetes:

<input id="aulaRes<?php echo $i++; ?>" name="aulaRes[]" class="aulaRes" />

de ésa forma cada input tiene un id único y con la clase aulaRes puede obtener todos en una colección de jQuery con:

$('.aulaRes') y use $.each y $(this) para obtener cada input individual en el ciclo

consulte la API de jQuery

[Lucieta86]

Chicos por si acaso a alguien le hace falta alguna vez, al final lo he resuelto del siguiente modo:

Código Javascript:

$(".botReserva").click(function(e){
    e.preventDefault();
                    
    var seleAulas = new Array();
    seleAulas=$(this).closest("tr").find('td:nth-child(1)').find("input[name='aulaRes']").val(); 
}
 

Gracias por las respuestas!