prepend()

このエントリーをはてなブックマークに追加

prepend()はセレクタで指定した要素の先頭に要素を挿入します。

例えば次のようなHTMLがあったとします。

<h2>Greetings</h2>
<div class="container">
	<div class="inner">Hello</div>
	<div class="inner">Goodbye</div>
</div>

次のスクリプトを実行することで全ての.innerの最後に引数で指定したHTMLが挿入されます。

$('.inner').prepend('<p>Test</p>');
<h2>Greetings</h2>
<div class="container">
	<div class="inner">
		<p>Test</p>
		Hello
	</div>
	<div class="inner">
		<p>Test</p>
		Goodbye
	</div>
</div>

引数にjQueryオブジェクトを指定することで要素を移動します。たとえば先程のHTMLに次のようなスクリプトを実行すると.containerの先頭にh2が移動されます。

$('.container').prepend($('h2'));
<div class="container">
	<h2>Greetings</h2>
	<div class="inner">Hello</div>
	<div class="inner">Goodbye</div>
</div>

セレクタで指定した要素の最後に要素を挿入したい場合はappend()を利用してください。

jQuery 1.0.0での追加/変更

prepend()はjQuery 1.0で定義されたメソッドです。

参考URL

.prepend() | jQuery API Documentation

登録日 : 2013年08月27日 最終更新日 : 2013年8月27日

同じカテゴリー(Manipulation)のエントリー

検索

スポンサードリンク

バージョン

リファレンス