suchen

Heim >Web-Frontend >js-Tutorial >Wie ändere ich den Text eines übergeordneten Elements in jQuery, ohne die untergeordneten Elemente zu beeinträchtigen?

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

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-11-26 21:41:12686Durchsuche

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>

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

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

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!

JavaScript jquery html if select using Property this
Stellungnahme：
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
Vorheriger Artikel：Ein besseres VS-Code-Plugin als Thunder ClientNächster Artikel：Ein besseres VS-Code-Plugin als Thunder Client

In Verbindung stehende Artikel

Mehr sehen