jQueryオブジェクト .appendTo()

引数で指定した要素の中に要素を移動させる。

jQueryObject.appendTo(object)

object

移動先の要素を指定する。

appendToの使用例を次に示す。

<ol id="l1">
  <li>first</li>
</ol>
<ol id="l2">
  <li>second</li>
  <li>third</li>
  <li>fourth</li>
  <li>fifth</li>
</ol>
<button onclick="move()">
<script>
  function move() {
    $('#l2 li:first-child').appendTo('#l1')
  }
</script>

1. first

1. second
2. third
3. fourth
4. fifth

ボタンをクリックすると、リスト項目が移動される。