IT業界の技術をメモ・情報公開できる

prependとappendの違い

登録日:2025-09-02   
JS jquery
< prependは先頭に追加 >
例)
<ul id="list">
<li>Item 1</li>
<li>Item 2</li>
</ul>

<script>
$("#list").prepend("<li>New Item</li>");
</script>

結果:
<ul id="list">
<li>New Item</li>
<li>Item 1</li>
<li>Item 2</li>
</ul>


< appendは末尾に追加 >
例)
<ul id="list">
<li>Item 1</li>
<li>Item 2</li>
</ul>

<script>
$("#list").append("<li>New Item</li>");
</script>

結果:
<ul id="list">
<li>Item 1</li>
<li>Item 2</li>
<li>New Item</li>
</ul>

一覧に戻る