11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour

J'ai fait ceci
<div>
<span class="a_remettre">
<input type="text" />
<ul>
<li>
<a class="ajouter_plus">Plus</a>
<a class="ajouter_moins">Moins</a>
</li>
</ul>
</span>
</div>


Je voudrais que quand on clique sur Plus, un autre span avec la class=a_remettre s'ajoute en dernier dans le div, c'est à dire que ce span sera le nouveau dernier span du div.
Mais j'arrive pas du tout à coder le truc. Le code que j'ai essayé ajoute bien le span en dernière position mais le Plus ne marche plus.
J'ai essayé avec ça

<script type="text/javascript">
$(document).ready(function(){
$("a.ajouter_plus).click(function(){
$(this).parent("li").parent("ul").parent("span").parent("div").append('
<span class="a_remettre">
<input type="text" />
<ul>
<li>
<a class="ajouter_plus">Plus</a>
<a class="ajouter_moins">Moins</a>
</li>
</ul>
</span>');
});
});
</script>


Merci et bonne journée.
salut,
déjà ya pas mal d'erreurs dans ton HTML. On ne peut pas mettre un <ul> dans un <span> (élément de type bloc dans un élément type enligne) ni un lien <a> sans attribut "href". Et puis à quoi servirait une lise qui ne contient qu'un <li> ?
Est-ce que ça ne serait pas meilleur de créer les éléments "proprement" via ".createElement" pour les insérer ensuite un à un ?