ホーム > append (全2件)
  • コンテンツを挿入する

    IDがlistのUL要素内の先頭にLI要素を挿入する

    $('ul#list').prepend( '<li>アイテム0</li>' );
    
    <!-- html部分 -->
    <ul id="list">
    <li>アイテム1</li>
    <li>アイテム2</li>
    </ul>
    

    機能は、$('ul#list').html( '<li>アイテム0</li>'+$('ul#list').html() );と同じ。なお末尾に追加する場合はappend関数を使う。

  • コンテンツを追加する

    IDがlistのUL要素内の末尾にLI要素を追加する。

    $('ul#list').append( '<li>アイテム3</li>' );
    
    <!-- html部分 -->
    <ul id="list">
    <li>アイテム1</li>
    <li>アイテム2</li>
    </ul>
    

    機能は、$('ul#list').html( $('ul#list').html()+'<li>アイテム3</li>' );と同じ。なお先頭に挿入する場合はprepend関数を使う。