0
votes

Modification d'une entrée créée par JQuery

J'aimerais créer des objets HTML avec jQuery, puis les supprimer à nouveau via jQuery / javascript mais je cours dans des problèmes car ces objets n'existaient pas lorsque la page a été chargée. Avez-vous des idées sur la façon dont je peux résoudre ce problème? Merci d'avance.

(c'est mon premier post sur Stackoverflow - j'espère que j'ai tout fait à droite ^^)

https://jsbin.com/yudamofoho/edit xxx xxx

javascript jquery html

0 commentaires

3 Réponses :

3
votes

Ceci Code> strong> fait référence au fenêtre code> strong> objet pas l'élément que vous pensez.

Vous devez passer CETTE CODE> STRY> à la fonction afin que vous puissiez se référer à l'intérieur de la fonction : p> xxx pré>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='ipt-list'>
</div>
<input type="submit" id="btn-add" value="Add">

0 commentaires

2
votes

Le problème est dû au fait que vous utilisez l'attribut oncelick onclick code>. Dans la fonction, il appelle ceci code> se référera à la fenêtre code> code>, pas l'élément qui a soulevé l'événement.

Pour résoudre ce problème, et améliorer votre logique, supprimer l'événement en ligne. gestionnaire et utiliser une déléguée à la place: p>

p>



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="ipt-list"></div>
<input type="button" id="btn-add" value="Add">

0 commentaires

1
votes

Puisque vous utilisez jQuery, vous n'avez pas besoin de mettre en ligne onclick événement.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
  <div id='ipt-list'>
  </div>
  <input type="submit" id="btn-add" value="Add">
</body>

0 commentaires