insertBeforeメソッド
insertBeforeメソッドは、指定された要素の前にテキストを追加します。
同様の働きをするbeforeメソッドも存在します。
構文
要素の前にテキストを挿入する:
$(テキスト).insertBefore(セレクタ);
挿入する内容は、通常のテキストだけでなく、DOM要素、セレクタ、要素の配列、文字列、またはjQueryオブジェクトも可能です。
例
指定された段落の前に、タグ付きのテキストを挿入してみましょう:
<p id="test">段落</p>
$('<p>!!!</p>').insertBefore('#test');
この後のHTMLコードは次のようになります:
<p>!!!</p><p id="test">段落</p>
関連項目
-
指定された要素の前にテキストを追加する
beforeメソッド -
ページ上の特定の場所にコンテンツを追加できるメソッド:
insertAfter,appendTo,prependTo -
選択された要素のコピーを作成する
cloneメソッド
