Forum: PC-Programmierung jQuery .text löscht HTML p Tag


von Markus W. (kornbanane)


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?

von Peter II (Gast)


Lesenswert?

warum nicht einfach dem p Tag die Id geben?
1
<div id="test2"><p id="test"></p></div>

von Markus W. (kornbanane)


Lesenswert?

Gute Idee, hat auch gleich funktioniert. Vielen vielen Dank!

von Cyblord -. (Gast)


Lesenswert?

1
$('#test p').text("Hallo");

oder
1
$('#test').html("<p>Hallo</p>");

Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.