jQueryオブジェクト .append()

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

jQueryObject.append(object[,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() {
    $('#l1').append($('#l2 li:first-child'))
  }
</script>

1. first

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

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

関連項目

• after()