<script type="text/javascript">
$(document).ready(function()
{
var nproducto = [];
var btnProducto_comprado;
var numero_de_productos_en_inventario;
numero_de_productos_en_inventario = 3;
var contador = [];
for (nproducto = 0; nproducto <= numero_de_productos_en_inventario; nproducto++)
{
$(".card-deck").append(
"<div class=\"card\"> <div id=\""+nproducto+"\" class=\"card-body\"> <span class=\"productos\" id=\"Producto"+nproducto+"\"> <h4 class=\"card-title\" >Producto "+nproducto+"</h4> <p class=\"card-text\"> Producto "+nproducto+" descripcion </p> <img src=\"img/"+nproducto+".jpg\" height=\"64px\" width=\"64px\"> </span> <button type=\"button\" class=\"btn btn-primary\" id=\"btn"+nproducto+"\">Añadir al servicio</button> </div> <div class=\"card-footer\"> <small class=\"text-muted\"> Aqui el precio del producto </small> </div> </div>"
);
contador[nproducto] = $("#btn"+nproducto+"").click(function()
{
alert ("pediste el producto:"+nproducto+"");
});
};
});
</script>
Tengo este código que genera tantos div
s con los productos que deseo mostrar en mi página. el asunto es que no consigo que el alert
me indique que número de producto pedí, sin importar que botón presione siempre me indica "pediste el producto:4"
Probablemente vean horrores en el código pero ya he hecho tantas pruebas que que no se que hacer.
Apreciaría mucho su ayuda
"Lo que envuelve el sting con comillas dobles 'y las que pongas dentro' sean comillas simples"
O viceversa. Otro consejo es que leas como formular una pregunta para que la detalles mejor y sea mas facil ayudarte. Suerte.