en primer lugar, lo siento por mi mal inglés; en segundo lugar, soy realmente nuevo con javascript, como conocer el concepto pero no tengo el control completo de la sintaxis; en tercer lugar, el problema real es que tengo la idea de hacer una tabla que obtenga datos de la base de datos, y en la última columna hay un botón de acción para mostrar el detalle de la fila en la que se hizo clic, generando desde la base de datos con ajax.

este es mi codigo php:

 <?php $i=0; while($data=$query->fetch_assoc()){ $i++; echo "<tr>"; echo "<form action='' method='POST' id='show".$i."' role='form'>"; echo "<td>"."<button type='submit' id='numb".$i."' value=".$data['num'].">"; echo "detail</button></td>"; echo "</form>"; echo "</tr>"; }?>

y este es mi guion:

 <script> $(document).ready(function() { var len = $('[id^=show]').length; for (var i = 1; i <= len; i++) { var nn = "#numb" + i; $("#show" + i).submit(function(e) { e.preventDefault(); $.ajax({ type: "POST", url: "test.php", data: { numb: $(nn).val() }, dataType: "html", success: function(response) { $("#container").html(response); } }); }); }; }); </script>

lo que estoy intentando es hacer un formulario múltiple con una identificación como mostrar, y contarlo en javascript, y luego hacer una función basada en la cantidad de identificación que se muestra en la tabla. pero este código no funciona, cada botón de detalle en el que hago clic solo devuelve un dato del último parámetro de la tabla. no datos de la fila correspondiente