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
DDDOriginal
2024-12-06 08:15:16618Durchsuche

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");

prependTo:

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

$("#source").prependTo("#destination");

Beispiel:

<div>

JavaScript:

$("#appendTo").click(function() {
  $("#moveMeIntoMain").appendTo($("#main"));
});
$("#prependTo").click(function() {
  $("#moveMeIntoMain").prependTo($("#main"));
});

HTML:

<div>

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!

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