Skip to main content
se eliminaron 4 caracteres en el cuerpo
Origen Enlace
Miguel Zarate
  • 2.4k
  • 1
  • 11
  • 30

Solo debes asignar el evento despues de crear el elemento:

var i = 0;

$('#AddButton').click(function() {
   ++i;
   var newInput = '<input class="myFavoriteClass" type="submit" name="Button[]"name="Boton[]" id="Buttonid="Boton-'+i+'" value="Boton '+i+'"> <br />';
    $('div').append(newInput);
});


    $(document).on("click", ".myFavoriteClass", function() {
       var inputID = $(this).attr('id');
       alert(inputID); 
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<button id="AddButton">Agrega boton</button>

<br />
<br />

<div>
    <input type="submit" class="myFavoriteClass" name="Button[]"name="Boton[]" id="Buttonid="Boton-0" value="Boton  0"> <br />
</div>

Solo debes asignar el evento despues de crear el elemento:

var i = 0;

$('#AddButton').click(function() {
   ++i;
   var newInput = '<input class="myFavoriteClass" type="submit" name="Button[]" id="Button-'+i+'" value="Boton '+i+'"> <br />';
    $('div').append(newInput);
});


    $(document).on("click", ".myFavoriteClass", function() {
       var inputID = $(this).attr('id');
       alert(inputID); 
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<button id="AddButton">Agrega boton</button>

<br />
<br />

<div>
    <input type="submit" class="myFavoriteClass" name="Button[]" id="Button-0" value="Boton  0"> <br />
</div>

Solo debes asignar el evento despues de crear el elemento:

var i = 0;

$('#AddButton').click(function() {
   ++i;
   var newInput = '<input class="myFavoriteClass" type="submit" name="Boton[]" id="Boton-'+i+'" value="Boton '+i+'"> <br />';
    $('div').append(newInput);
});


    $(document).on("click", ".myFavoriteClass", function() {
       var inputID = $(this).attr('id');
       alert(inputID); 
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<button id="AddButton">Agrega boton</button>

<br />
<br />

<div>
    <input type="submit" class="myFavoriteClass" name="Boton[]" id="Boton-0" value="Boton  0"> <br />
</div>

Origen Enlace
Miguel Zarate
  • 2.4k
  • 1
  • 11
  • 30

Solo debes asignar el evento despues de crear el elemento:

var i = 0;

$('#AddButton').click(function() {
   ++i;
   var newInput = '<input class="myFavoriteClass" type="submit" name="Button[]" id="Button-'+i+'" value="Boton '+i+'"> <br />';
    $('div').append(newInput);
});


    $(document).on("click", ".myFavoriteClass", function() {
       var inputID = $(this).attr('id');
       alert(inputID); 
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<button id="AddButton">Agrega boton</button>

<br />
<br />

<div>
    <input type="submit" class="myFavoriteClass" name="Button[]" id="Button-0" value="Boton  0"> <br />
</div>