Der Inhalt der JQuery-Einstellung wird nicht abgedeckt

jQuery ist eine weit verbreitete JavaScript-Bibliothek, die die JavaScript-Programmierung einfacher und bequemer macht. In jQuery müssen wir häufig den Inhalt eines Elements ersetzen, aber manchmal möchten wir nicht, dass es den ursprünglichen Inhalt vollständig abdeckt. Stattdessen müssen wir neuen Inhalt nach dem ursprünglichen Inhalt hinzufügen oder etwas davor einfügen Originalinhalt. Neuer Inhalt. In diesem Artikel erfahren Sie, wie Sie mit jQuery verhindern, dass alte Inhalte überschrieben werden.

Ersetzen Sie zunächst den HTML-Inhalt mit der Methode .html(). Diese Methode überschreibt den HTML-Code des gesamten Elements. Wenn Sie nur einen Teil des Inhalts ersetzen müssen, können Sie die von jQuery bereitgestellte Methode .replaceWith() verwenden.

Zum Beispiel haben wir den folgenden HTML-Code:

<code class="html"><div id="sampleDiv">这是一个例子。</div></code>

Jetzt müssen wir „example“ durch „example“ ersetzen:

<code class="javascript">$('#sampleDiv').html($('#sampleDiv').html().replace('例子', '示例'));</code>

Diese Methode deckt den gesamten Div-Inhalt ab Es erscheint komplexer und unflexibler und muss je nach Situation angepasst werden.

Tatsächlich können wir die Methoden append() und prepend() verwenden, um Operationen durchzuführen, ohne den ursprünglichen Stil zu überschreiben. Die

append()-Methode fügt den angegebenen Inhalt am Ende des passenden Elements ein, während die prepend()-Methode den angegebenen Inhalt am Anfang des passenden Elements einfügt. Keine der Methoden überschreibt den ursprünglichen Inhalt.

Was sollen wir also tun, wenn wir nach dem Beispieltext „(Parameter)“ hinzufügen möchten?

<code class="javascript">$('#sampleDiv').append('（参数）');</code>

Diese Methode fügt „(Parameter)“ am Ende des Beispieltextes hinzu. Wenn wir vor dem Beispieltext „Hinweis:“ hinzufügen möchten, wie sollten wir das tun?

<code class="javascript">$('#sampleDiv').prepend('注意：');</code>

Diese Methode fügt „Hinweis:“ vor dem Beispieltext hinzu. Diese beiden Methoden sind sehr einfach zu verwenden und überschreiben nicht den ursprünglichen Stil, was sie sehr praktisch und praktisch macht.

Wenn wir außerdem Inhalte in mehrere Elemente einfügen möchten, können wir die Methode every() verwenden, wie unten gezeigt:

<code class="javascript">$('.sampleParagraph').each(function() {
  $(this).append('！')
});</code>

Diese Methode fügt nach allen Elementen, deren Stilklasse sampleParagraph ist, ein Ausrufezeichen ein. Wenn wir „Note:“ vor allen Elementen hinzufügen möchten, sollten wir so schreiben:

<code class="javascript">$('.sampleParagraph').each(function() {
  $(this).prepend('注：')
});</code>

Diese Methode fügt „Note:“ vor allen Elementen hinzu.

Im Allgemeinen können wir durch die Verwendung der Methoden append() und prepend() Inhalte vor und nach dem Element einfügen, ohne den ursprünglichen Inhalt zu überschreiben. Mit der Methode every() können Sie mehrere Elemente bearbeiten. Diese Methoden sind sehr flexibel und einfach zu verwenden und eignen sich sehr gut für Front-End-Entwickler bei der Implementierung der Inhaltsersetzung.

Das obige ist der detaillierte Inhalt vonDer Inhalt der JQuery-Einstellung wird nicht abgedeckt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!