jQuery .text löscht HTML p Tag

OP #5211993
Lesenswert?

Hallo zusammen,

ich habe ein kleines Problem mit JQuery und finde leider keine Lösung 
dafür im Internet...

Über ein JavaScript fülle ich einen Div mit Text in einer HTML-Datei.

Hier der Abschnitt der HTML-Datei:
1
<div id="test"><p></p></div>

An der Stelle zwischen den p-Tags  soll der Text über JQuery eingefügt 
werden. Wichtig: Die p-Tags müssen genau an der Stelle erscheinen, also 
innerhalb des Div's

In JQuery sieht das dann so aus:
1
$('#test').text("Hallo");

Der Text wird übergeben, überschreibt aber das p-Tag. Das sehe ich daran 
das die Formatierung nicht stimmt.

Also habe ich es zuerst so versucht:
1
$('#test').text("<p>" + Hallo + "</p>");

oder auch
1
$('#test').text('<p>' + Hallo + '</p>');

In beiden Fällen erscheint jetzt die Ausgabe : <p>Hallo</p>
So soll es natürlich nicht sein...

In blick in google offenbarte mir dies:
1
$('p#test').text("Hallo");

Doch jetzt erscheint leider überhaupt keine Ausgabe mehr...

Also wie bekomme ich es hin, dass durch meine Textausgabe über Jquery 
die p-Tags innerhalb des Div's nicht überschribeen bzw. gelöscht werden?

Antwort schreiben

Bitte melde dich an, um einen Beitrag zu schreiben.

oder

Mit Google-Account einloggen

Die Registrierung ist kostenlos und dauert nur eine Minute.

Jetzt registrieren