Resulta que estoy generando una tabla de manera dinámica con php y en dicha tabla agrego un select, un input y un botón, y a su vez a estos elementos les agrego un id, para enviar estos elementos a una base de datos, pero resulta que como ya saben al momento de tener varios elementos con los mismo id habria problema es que solo servirá para el primer botón , la tabla queda así:
$('#cargar').click(function(){
alert($('#pys').val());
alert($('#pass').val());
});
td, th{
border: 1px solid black;
text-align: center;
}
td{
font-size: 10px;
}
table{
margin-top: 10px;
border-collapse: collapse !important;
}
.sin_borde{
border: 0;
padding-left: 5px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="informes">
<tbody>
<tr>
<th>Estudiante</th>
<th>Informe</th>
<th>Paz y salvo</th>
<th>Password</th>
<th class="sin_borde"></th>
</tr>
<tr>
<td> <input type="hidden" value="1" id="codigo_estudiante"> CARLOS ARTURO MAESTRE</td><td id="boletin">MI-LIBRITO-DE- LAS-VOCALES-PARA-RECORTAR.pdf</td>
<td id="paz">
<select class="selet" id="pys">
<option value="1">Si</option>
<option value="0">No</option>
</select>
</td>
<td><input type="text" class="password" name="pass" id="pass" value="CkhRQyUX">
</td>
<td class="sin_borde" id="autorizar"><input type="button" value="Autorizar" id="cargar">
</td>
</tr>
<tr>
<td> <input type="hidden" value="15" id="codigo_estudiante"> HANNY MICHELL CARPINTERO GARCIA
</td>
<td id="boletin">MI-LIBRITO-DE-LAS-VOCALES-PARA- RECORTAR.pdf
</td>
<td id="paz">
<select class="selet" id="pys">
<option value="1">Si</option>
<option value="0">No</option>
</select>
</td>
<td><input type="text" class="password" name="pass" id="pass" value="NLqwZNtj">
</td>
<td class="sin_borde" id="autorizar"><input type="button" value="Autorizar" id="cargar">
</td>
</tr>
</tbody>
</table>
la idea es que si presiono el segundo boton me muestre por alert la información de la segunda fila y así sucesivamente.
Agradeceria mucho la ayuda.