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').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関数を使う。