web-dev-qa-db-fra.com

jQuery ajoute du texte à l'intérieur d'une balise de paragraphe existante

J'essaie d'ajouter du texte supplémentaire à la fin d'un paragraphe à l'aide de jQuery. Ma pensée était de produire une structure comme celle-ci:

À en juger par mes réponses, je vais clarifier. Je dois d'abord créer cette structure. Et c'est la partie que je trouve difficile, pas le deuxième résultat final. Alors, comment puis-je créer dynamiquement ceci:

<p>old-dynamic-text<span id="add_here"></span></p>

Et puis, après avoir ajouté le nouveau texte, il ressemblerait à ceci:

<p>old-dynamic-text<span id="add_here">new-dynamic-text</span></p>

J'ai joué avec la méthode .wrapAll (), mais je n'arrive pas à obtenir l'effet souhaité. Est-ce la meilleure façon de le faire (et si oui, comment), ou existe-t-il une autre façon d'ajouter du nouveau texte à la fin d'un paragraphe existant (qui doit être enveloppé dans un certain type de balise car je dois le styler différemment) ?

jqueryappendwrapall
18
sage88

Essaye ça...

$('p').append('<span id="add_here">new-dynamic-text</span>');

OU s'il existe une plage existante, procédez comme suit.

$('p').children('span').text('new-dynamic-text');

[~ # ~] démo [~ # ~]

35
Mahesh Sapkal

Essaye ça

$('#add_here').text('new-dynamic-text');
4
Jude Duran

Je viens de découvrir un moyen d'ajouter du texte et son bon fonctionnement au moins.

 var text = 'Put any text here';
 $('#text').append(text);

Vous pouvez modifier le texte selon vos besoins.

J'espère que cela t'aides.

3
طلحة

Si vous voulez append texte ou html à span alors vous pouvez le faire comme ci-dessous.

$('p span#add_here').append('text goes here');

append ajoutera du texte à la balise span à la fin.

pour remplacer le texte entier ou html à l'intérieur de span, vous pouvez utiliser .text() ou .html()

1
Dipesh Parmar