Insérer dynamiquement du contenu JQuery
Didier
-
Didier -
Didier -
Bonjour,
comment insérer/modifier dynamiquement le contenu du td comportant la classe .dyn dans le bout de code HTML suivant, en utilisant JQuery, lorsque l'on clique sur cette case td ?
Merci
comment insérer/modifier dynamiquement le contenu du td comportant la classe .dyn dans le bout de code HTML suivant, en utilisant JQuery, lorsque l'on clique sur cette case td ?
<table id="maTable">
<thead>
<tr>
<th>Id</th>
<th>Nom</th>
<th>Prenom</th>
</tr>
</thead>
<tbody>
<tr>
<td class="dyn"></td>
</tr>
</tbody>
</table>
Merci
3 réponses
-
salut
<script>
$(document).ready (function(){
var insertion1 ="le texte à inserer";
$(".dyn").click (function(){
$(".dyn").html(insertion1)
});
})
</script>
évidemment ne pas oubier d'appeller la bibliothèque jquery
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.-
-
Je ne sais pas ce que tu veux exactement mais par exemple
tu recupéres la valeur d'un élément avec la fonction val() et tu l'insère dans le td
exemple : recupère le contenu de l'id "monId" et l'insère dans le td .dyn au clic
<script>
$(document).ready (function(){
var insertion1 = $("#monId").val();
$(".dyn").click (function(){
$(".dyn").html(insertion1)
});
})
</script> -
-
-
Salut,
Pour exécuter une fonction javascript lorsqu'on clique sur un élément en utilisant jQuery, tu peux utiliser la méthode click : https://api.jquery.com/click/
Pour ajouter, modifier ou supprimer du code html, tu peux trouver sur le lien suivant l'ensemble des méthodes disponibles avec jQuery : https://api.jquery.com/category/manipulation/
Bonne journée -
