Wie verschiebt man ein DIV-Element innerhalb eines anderen mithilfe von „appendTo()' und „prependTo()' von jQuery?

So verschieben Sie ein Element in ein anderes Element

Das Verschieben eines DIV-Elements in ein anderes kann mit der jQuery-Funktion appendTo() oder erreicht werden prependTo().

appendTo() Funktion:

The Die Funktion appendTo() nimmt einen einzelnen Parameter, den Selektor für das Zielelement, und hängt das/die ausgewählte(n) Element(e) an das Ende des Ziels an.

Beispiel:

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

Dies wird Verschieben Sie das DIV-Element mit der ID „Quelle“ und alle seine untergeordneten Elemente innerhalb des DIV-Elements mit der ID „Ziel“.

prependTo()-Funktion:

Die prependTo()-Funktion ähnelt appendTo(), hängt jedoch nicht an das Ende an, sondern an ausgewählte(s) Element(e) an den Anfang des Ziels.

Beispiel:

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

Dies wird Verschieben Sie das DIV-Element mit der ID „Quelle“ und alle seine untergeordneten Elemente an den Anfang des DIV-Elements mit der ID „Ziel“.

Beispiel:

Bedenken Sie das folgendes HTML-Markup:

<div>

Der folgende jQuery-Code würde das „Quelle“-DIV und seinen gesamten Inhalt in das „Ziel“ verschieben DIV:

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

Der resultierende HTML-Code wäre:

<div>

Das obige ist der detaillierte Inhalt vonWie verschiebt man ein DIV-Element innerhalb eines anderen mithilfe von „appendTo()' und „prependTo()' von jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!