Verschieben des Inhalts eines DIV in einen anderen DIV mit jQuery

9

Ссылка

Nach diesem Link können Elemente verschoben werden, indem Sie $ (' # container1 '). append ($ (' # container2 ')). Leider scheint es nicht für mich zu arbeiten. Irgendwelche Ideen?

    
neubert 26.03.2012, 05:57
quelle

7 Antworten

8

Siehe jsfiddle Ссылка

Sie müssen nicht Ihr div genau anhängen, sondern den Inhalt Ihres div (innerer HTML-Code) mit Jquery's html() -Funktion.

HTML:

%Vor%

Jquery:

%Vor%

Ergebnis:

%Vor%     
Chuck Norris 26.03.2012, 06:01
quelle
10

Es ist am besten, html() nicht zu verwenden.

Ich bin auf einige Probleme gestoßen, weil html den Inhalt als Zeichenfolge anstelle eines DOM-Knotens interpretierte.

Verwenden Sie stattdessen Inhalte, und Ihre anderen Skripts sollten nicht aufgrund von fehlerhaften Referenzen unterbrochen werden.

Ich musste den Inhalt eines DIV in ein Kind von sich selbst einnisten, so habe ich es gemacht.

Beispiel:

%Vor%

[EDIT]

Das vorherige Beispiel funktioniert, aber hier ist ein saubereres und effizienteres Beispiel:

%Vor%     
Dieter Gribnitz 16.02.2014 15:16
quelle
7

Um den Inhalt eines div (id = container2) mit jquery in ein anderes div (id = container1) zu verschieben.

%Vor%     
Ecropolis 30.06.2014 21:31
quelle
4

Sie können auch Folgendes tun:

%Vor%

oder als eine Aussage, aber nicht annähernd so robust:

%Vor%

Bearbeiten

Nach einiger Überlegung (einige Jahre später ...) scheint es, als ob der Inhalt eines Divs in ein anderes verschoben werden soll. Das folgende macht das in einfachem JS:

%Vor%

Dies hat den Vorteil, dass alle dynamisch hinzugefügten Listener auf den Nachkommen von el2 beibehalten werden, die Lösungen, die innerHTML verwenden, entfernen.

    
RobG 26.03.2012 06:05
quelle
1

$('#container1').append($('#container2').html())

    
TGH 26.03.2012 05:59
quelle
0

Nun, dies könnte eine Alternative sein, wenn Sie anhängen möchten:

%Vor%

Wenn Sie den Inhalt neu schreiben wollten:

%Vor%     
karan k 26.03.2012 06:43
quelle
0

Ich schlage einen allgemeinen Ansatz mit einer Funktion und jQuery vor:

%Vor%

Der Inhalt eines gelöschten Quellenknotens wird an einen Zielknoten mit einem Aufruf angehängt:

%Vor%

Der erste Parameter ist eine ID eines neuen übergeordneten Knotens (Ziel), der zweite ist eine ID eines alten übergeordneten Knotens (Quelle).

Sehen Sie sich ein Beispiel an: Ссылка

    
Raf 13.12.2014 09:48
quelle

Tags und Links