Heim > Web-Frontend > js-Tutorial > Wie kann ich appendTo() und prependTo() verwenden, um HTML-Elemente zu verschieben?

Wie kann ich appendTo() und prependTo() verwenden, um HTML-Elemente zu verschieben?

DDD
Freigeben: 2024-12-06 08:15:16
Original
623 Leute haben es durchsucht

How Can I Use appendTo() and prependTo() to Move HTML Elements?

Verschieben eines Elements innerhalb eines anderen Elements in HTML

Um ein DIV-Element in ein anderes zu verschieben, verwenden Sie entweder die Funktionen appendTo oder prependTo.

appendTo:

Diese Funktion hängt das Quellelement an an das Ende des Zielelements.

$("#source").appendTo("#destination");
Nach dem Login kopieren

prependTo:

Diese Funktion fügt das Quellelement am Anfang des Ziels hinzu Element.

$("#source").prependTo("#destination");
Nach dem Login kopieren

Beispiel:

<div>
Nach dem Login kopieren
Nach dem Login kopieren

JavaScript:

$("#appendTo").click(function() {
  $("#moveMeIntoMain").appendTo($("#main"));
});
$("#prependTo").click(function() {
  $("#moveMeIntoMain").prependTo($("#main"));
});
Nach dem Login kopieren

HTML:

<div>
Nach dem Login kopieren
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann ich appendTo() und prependTo() verwenden, um HTML-Elemente zu verschieben?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage