2013-04-25 26 views
12

Sto cercando di aggiungere testo aggiuntivo al fine di un paragrafo utilizzando jQuery. Il mio pensiero è stato quello di produrre una struttura come questa:jQuery accodare testo all'interno di un tag di paragrafo esistente

giudicare dalle mie risposte mi chiarirà. Ho bisogno di creare prima questa struttura. E questa è la parte che trovo difficile, non il secondo risultato finale. Allora, come faccio a creare dinamicamente questo:

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

E poi, dopo l'aggiunta del nuovo testo che sarebbe simile a questa:

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

Ho giocato con la .wrapAll() metodo, ma Non riesco a ottenere l'effetto desiderato. È questo il modo migliore per fare questo (e se sì in che modo), o c'è un altro modo per aggiungere nuovo testo alla fine di un paragrafo esistente (che deve essere avvolto in un certo tipo di tag da quando ho bisogno per lo stile in modo diverso) ?

risposta

28

Prova questo ...

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

o se c'è un arco esistente, fare questo.

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

DEMO

+0

Sono abbastanza sicuro che aggiungerà la durata dopo l'elemento paragrafo, non in esso. Quindi finirebbe a

anziché a

. A meno che non aggiungendo i tag intorno al p induce a comportarsi in modo diverso (di questo è solo un errore di battitura? – sage88

+0

aggiunto il link violino, check it out. –

+0

ho beleive il risultato sarà

se si utilizza accodamento. –

0

Se si desidera append testo o html per span allora si può fare come qui sotto.

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

append aggiungerà testo al tag span alla fine.

per sostituire tutto il testo o html all'interno di arco è possibile utilizzare .text() o .html()

+0

Hey ho modificato la mia domanda per essere più chiari, controllare sopra. – sage88

3

Prova questa

$('#add_here').text('new-dynamic-text'); 
+0

Hey ho chiarito la mia domanda per essere più chiari, di controllo sopra. – sage88

+0

Ebbene, vedere la soluzione di Mahesh Sapkal. I beleive ti darà il risultato desiderato ..;) –

Problemi correlati