Wie kann ich mit jQuery ein DIV-Element anhängen oder voranstellen?

Elemente verschieben: Anhängen und Voranstellen

Berücksichtigen Sie die Notwendigkeit, ein DIV-Element, einschließlich seiner untergeordneten Elemente, von einem Ort zu verschieben ("Quelle") ) zu einem anderen („Ziel“). Das gewünschte Ergebnis besteht darin, dass der Quellinhalt im Zielcontainer verschachtelt ist.

Lösung:

AppendTo-Methode:

Diese Methode verschiebt das Quellelement an das Ende des Zielelements und wird so zu dessen letztem untergeordnetes Element:

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

PrependTo-Methode:

Alternativ fügt die prependTo-Methode das Quellelement am Anfang des Zielelements ein und macht es so zum ersten untergeordneten Element:

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

Beispiel:

Zur Verdeutlichung Betrachten Sie für den Prozess die folgende Demonstration:

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

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

#main {
  border: 2px solid blue;
  min-height: 100px;
}

.moveMeIntoMain {
  border: 1px solid red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery ein DIV-Element anhängen oder voranstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!