Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie ändere ich den Text eines übergeordneten Elements in jQuery, ohne die untergeordneten Elemente zu beeinträchtigen?

Mary-Kate Olsen
Freigeben: 2024-11-26 21:41:12
Original
616 Leute haben es durchsucht

How to Modify Parent Element Text in jQuery Without Affecting Child Elements?

Elementtext ändern, ohne untergeordnete Elemente mit jQuery zu beeinflussen

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>
Nach dem Login kopieren

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";
Nach dem Login kopieren

In diesem Beispiel gehen wir davon aus, dass der zu ändernde Text der erste Knoten innerhalb des ist

Element. Sie können weiterhin jQuery nutzen, um das
auszuwählen. Element, in diesem Fall:

var your_div = $("your_div").get(0);
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage