Ajout d'éléments cliquables dans liste

Bonjour,

je voudrais ajouter des éléments à une ul et leur attribuer une réponse lorsque on y clique dessus.

https://jsfiddle.net/ejfg5qf9/

J'ai fais ce code mais il marche pas. Auriez-vous la solution à ce problème SVP? Merci d'avance.
Cordialement,
arsène

Code HTML

Code:

---

1 2 3 4 5 6

<input id="Ajout" type="button" onclick="$();" value="Ajout" /> <input id="Alert" type="button" onclick="$();" value="Alert" /> <div id="myText"> <ul id="myList"> </ul> </div>

---

code Jquery

Code:

---

1 2 3 4 5 6 7 8 9

$("#Ajout").on("click", function () {   $("#myList").append($("<li>").attr('class', 'myEl').text("rrrr"));   });   $(".myEl").on("click", function () { alert("ok"); });

---

Je viens de trouver la solution :

https://jsfiddle.net/ejfg5qf9/2/

Bonjour,
autant mettre directement ta solution ici, ce que je fais.

Code:

---

1 2 3 4 5 6

$("#Ajout").on("click", function () { $("#myList").append($("<li>").attr('id', 'ElN1').attr('class', 'myEl').text("rrrr")); }); $("#myList").on("click", ".myEl", function(event){ alert($("#ElN1").attr('id')); });

---

et pour rappel on ne peut pas affecter un événement à un élément qui n’existe pas encore dans le DOM et que pour cela on passe par la technique dite « délégation », ta solution.