Frage:
Auf einer Webseite muss ich die aktualisieren Text eines Elements, ohne seine untergeordneten Elemente zu ändern. Hier ist eine Beispiel-HTML-Struktur:
<div> **text to change** <someChild> text that should not change </someChild> <someChild> text that should not change </someChild> </div>
Als jQuery-Neuling suche ich nach einer Möglichkeit, diese Aufgabe zu erfüllen.
Antwort:
Mark hat mit jQuery eine hervorragende Lösung bereitgestellt. Normales JavaScript bietet jedoch einen alternativen Ansatz:
JavaScript stellt die childNodes-Eigenschaft bereit, um alle untergeordneten Knoten eines Elements, einschließlich Textknoten, abzurufen. Wenn der zu ändernde Text konsistent als erstes untergeordnetes Element eines Elements erscheint, können Sie den folgenden Code verwenden:
var your_div = document.getElementById("your_div"); var text_to_change = your_div.childNodes[0]; text_to_change.nodeValue = "new text";
In diesem Beispiel gehen wir davon aus, dass der zu ändernde Text der erste Knoten innerhalb des ist
var your_div = $("your_div").get(0);
Das obige ist der detaillierte Inhalt vonWie ändere ich den Text eines übergeordneten Elements in jQuery, ohne die untergeordneten Elemente zu beeinträchtigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!