insertBeforeメソッド

insertBeforeメソッドは、指定された要素の前にテキストを追加します。 同様の働きをするbeforeメソッドも存在します。

構文

要素の前にテキストを挿入する:

javascript$(テキスト).insertBefore(セレクタ);

挿入する内容は、通常のテキストだけでなく、DOM要素、セレクタ、要素の配列、文字列、またはjQueryオブジェクトも可能です。

例

指定された段落の前に、タグ付きのテキストを挿入してみましょう:

html<p id="test">段落</p>

javascript$('<p>!!!</p>').insertBefore('#test');

この後のHTMLコードは次のようになります:

html<p>!!!</p><p id="test">段落</p>

関連項目