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

Je suis en train d'ajouter du texte supplémentaire à la fin d'un paragraphe à l'aide de jQuery. Mon idée était de produire une structure comme ceci:

À en juger par mes réponses, je vais préciser. J'ai besoin de créer cette structure. Et c'est la partie que je trouve difficile, pour ne pas le deuxième résultat final. Alors, comment puis-je créer dynamiquement ce:

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

Et puis après l'ajout du nouveau texte, il devrait ressembler à ceci:

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

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

OriginalL'auteur sage88 | 2013-04-25

  1. 32

    ...

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

    OU si il y a une plage existante, faire.

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

    DÉMO

    Je suis assez sûr que, s'ajoute la durée après le paragraphe élément, non pas en elle. Donc, il finirait <p></p><span></span> plutôt que <p><span></span></p>. À moins de ne pas ajouter les balises autour de la p fait qu'il se comporte différemment (c'est juste une faute de frappe?
    ajouté le violon lien, check it out.
    Je crois que le résultat sera <p><span></span></p> si vous utilisez ajout.
    Ouais, je veux dire que je peux pas voir les DOM dans le violon, mais il semble que cela est vrai en raison de son CSS. Je vais donner à ceci un essai Mahesh!
    Yep, merci!

    OriginalL'auteur Mahesh Sapkal

    Répondre
  2. 4

    Essayer cette

    $('#add_here').text('new-dynamic-text');
    Hey j'ai précisé ma question pour être plus clair, vérifiez ci-dessus.
    Eh bien, voir Mahesh Sapkal de la solution. Je crois que ça va vous donner le résultat souhaité..;)

    OriginalL'auteur Jude Duran

    Répondre
  3. 1

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

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

    append ajouter du texte à la balise span, à la fin.

    à remplacer l'ensemble du texte ou html à l'intérieur de la durée de l', vous pouvez utiliser .text() ou .html()

    Hey j'ai modifié ma question pour être plus clair, vérifiez ci-dessus.

    OriginalL'auteur Dipesh Parmar

    Répondre
  4. 1

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

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

    Vous pouvez modifier le texte en fonction de votre besoin.

    Espère que cette aide.

    OriginalL'auteur طلحة

    Répondre

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *