Display alert() click, relative to Id after .clone()

Asked Jul 21 '20 at 20:39

Active Jul 21 '20 at 20:39

Viewed 14 times

In this code, I can add other element. Id and value are changed after having generated. I would like to display an alert when I click on "element3" after an event clicks. I have already tried but it does not work. In js/jquery code $('#element3').click doesn't work.

    var current_num = 2;
    
    $('#element3').click(function(){
        alert("You did it, man!");
    })
    
    function addElement(){
        $("#element1").clone().appendTo("#elements").prop("id", "element"+current_num).attr("value", "element"+current_num) ;
        
        current_num++;
    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="elements">
  <input type="submit" id="element1" value="element1">
</div>
_____ <br> <br> <br>
<button onclick="addElement()" >Add</button>

asked Jul 21 '20 at 20:39

Goldow

because you bind the event before it exists – epascarello Jul 21 '20 at 20:40
@Barmar not here.... needs more than that – epascarello Jul 21 '20 at 20:41
Yeah, didn't read the question carefully enough. You beat me to it with the dupe. – Barmar Jul 21 '20 at 20:43
`$(document).on('click', '#element3', function () { console.log('click'); });` – epascarello Jul 21 '20 at 20:44
@epascarello , thanks dude ! you answered my question! – Goldow Jul 21 '20 at 21:04

Display alert() click, relative to Id after .clone()

0 Answers0