スポンサード リンク
jquery prependメソッド
prependメソッドを使ってセレクタで指定した要素の内容の先頭に挿入します
テキストだけでなく要素も挿入できます
指定した要素の先頭に挿入する
指定した要素の先頭に挿入するメソッド
.prepend("要素やテキスト");
jquery
$(function() { $("p#hoge").prepend("<b>挿入しました</b>"); });
html
<p id="hoge">テキスト</p>
実行前
テキスト
実行後
テキスト
jqueryオブジェクトを挿入する
要素やテキストだけでなくjqueryオブジェクトも挿入できます.prepend(jqueryオブジェクト);
jquery
$(function() { $("p#hoge3").prepend($("p#hoge2").html()); });
html
<p id="hoge2"><b>1つ目の文字 挿入しました</b></p> <p id="hoge3">2つ目の文字</p>
実行前
1つ目の文字 挿入しました
2つ目の文字
実行後
1つ目の文字 挿入しました
2つ目の文字
$(function() { $("p#hoge3").prepend("<b>1つ目の文字 挿入しました</b>"); });