2010-07-14 10 views
10

come faccio a spostare il contenuto da un div nascosto a un altro div visualizzato utilizzando jquery?sposta il contenuto da un div nascosto a un altro visualizzato div

dire che ho div1 con display style è none e un altro div "div2" con display style block.

come spostare il contenuto da div1 a div2 e deselezionare div1?

+0

Dove stai spostando il contenuto in modo specifico? Preparato o aggiunto, in un target specifico, ecc.? –

+0

Ho trovato una buona risposta relativa a questa domanda qui: http://stackoverflow.com/questions/2792352/how-do-you-move-html-from-one-div-to-another-with- jquery-without-breaking-javasc – netusco

risposta

0
$($('#div1').html()).appendTo('#div2') 
+0

errore: Errore di runtime di Microsoft JScript: l'oggetto non supporta questa proprietà o il metodo – user384080

+0

risolto. se ottieni questo errore di runtime, è probabile che non sia il nostro codice e che sia qualcos'altro da parte tua. –

0

Per prima cosa è necessario ottenere l'HTML da DIV1 e quindi impostare l'HTML in DIV2.

Utilizzare le operazioni get/set disponibili sul selettore .html().

Ti piace questa:

var div1Html = $('#div1').html(); 
$('#div2').html(div1Html); 
+0

ottenendo questo errore: htmlfile: errore di runtime sconosciuto – user384080

+1

suona come qualcos'altro sulla tua pagina. Ho creato una semplice pagina con nient'altro che due div e il codice sopra funziona bene (come tutte le risposte simili di tutti) – RPM1984

+0

si prega di notare che il modulo è su MVC framework .. potrebbe comportarsi diversamente .. grazie – user384080

11

Perché non solo mostrano la div nascosti e nascondere quello visualizzato?

Ma per rispondere alla tua domanda.

$('#div2').html($('#div1').html()); 
$('#div1').html(''); 
+0

htmlfile: Errore di runtime sconosciuto – user384080

+1

@ ronald-yoh - Stai includendo jQuery nella pagina? quando la tua domanda viene taggata con jquery, si presume che la stai usando. –

+0

sì .. Sto usando jquery – user384080

14

.contents() può essere quello che ti serve:

$('#div1').contents().appendTo('#div2') 

prendere nota che mossa sarà (non copiare) gli elementi interni da un div all'altro.

+2

Non sono sicuro che sia necessario $() - puoi renderlo '$ ('# div1'). Contents(). AppendTo ('# div2');' – jbyrd

+0

@jbyrd che è abbastanza possibile ... forse qualcuno può fare un jsfiddle. O sentiti libero di modificare il mio post solo se sei abbastanza sicuro che funziona –

+2

Sì, ho appena confermato che funziona senza $ extra(). – jbyrd

Problemi correlati