要素を埋め込む位置を理解する

Jquery使って要素埋め込む時が最近よくあるので簡単にまとめてみる。

$("div").append("<img src='/img/piyo.jpg'>")
→　指定した要素に対して、その要素内の一番後ろに追加

$("h1").before("<img src='/img/huga.jpg'>")
→　指定した要素の前

$("h1).after("<img src='/img/hoge.jpg'>")
→　指定した要素の後

$("p").wrap("<a href="hoge.com"></a>")
→　指定した要素を囲む