Wie ändere ich den Text eines übergeordneten Elements in jQuery, ohne die untergeordneten Elemente zu beeinträchtigen?-js-Tutorial-php.cn

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

683 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

Vorheriger Artikel：Ein besseres VS-Code-Plugin als Thunder Client Nächster Artikel：Warum eval() der schlimmste Feind Ihres JavaScript-Codes sein könnte

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

Aktuelle Ausgaben

function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...

Aus 2024-04-29 11:01:01

2324

So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?

Aus 2024-04-23 00:22:19

2457

Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.

Aus 2024-04-19 15:37:47

2074

Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...