0

Tengo este elemento:

<p class="info" style="text-align: left;">Encuentra toda la info aquí</p>

Y quiero moverlo a este div;

<div id="informacion"></div>

He intentado de las siguientes formas:

 $('.info').appendTo('#informacion');
 $('p.info').appendTo('#informacion');

Pero siempre sale el mismo error.

3
  • la etiqueta de tu publicacion dice "javascript" pero esto es jQuery, estas agregando la librería jQuery?
    – LPZadkiel
    el 12 mar. 2018 a las 15:21
  • 3
    La etiqueta es correcta, jQuery es una librería de javascript el 12 mar. 2018 a las 15:50
  • jQuery no es una librería nativa de JavaScript
    – LPZadkiel
    el 12 mar. 2018 a las 16:07

1 respuesta 1

1

Ese error te sale porque esa función que usas no esta definida porque hace falta la librería jQuery debes agregarla

Así como lo tienes ya esta bien función appendTo (este hace que se agregue al final del elemento):

$(".info").appendTo("#informacion");

Alternativamente, puede usar la función prependTo (hace que se agregue al comienzo del elemento por si tienes mas elementos dentro del mismo):

$(".info").prependTo("#informacion");

Ejemplo:

 
 $("#appendTo").click(function() {
 $('.info').appendTo('#informacion');
 });
 
.info {
  border: 1px solid red;
   min-height: 50px; 
}
#informacion {
  border: 2px solid blue;
  min-height: 100px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p class="info" style="text-align: left;">Encuentra toda la info aquí</p>

<div id="informacion">
<h3>Div informacion</h3>

</div>

<button id="appendTo">Mover a #informacion</button>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.