Home / Questions / 145485
Accepted
Lina Cortés
Asked: 2020-03-13 07:12:44 +0800 CST 2020-03-13 07:12:44 +0800 CST

Uncaught TypeError: $(...).appendTo is not a function

  • 772

I have this element:

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

And I want to move it to this div;

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

I have tried the following ways:

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

But always the same error comes out.

javascript

1 Answers

  1. Best Answer

    You get that error because that function you use is not defined because the jQuery library is missing, you must add it

    So as you already have this nice appendTo function (this makes it append to the end of the element):

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

    Alternatively, you can use the prependTo function (it makes it append to the beginning of the element in case you have more elements inside it):

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

    Example: 

     
 $("#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>

    • 1