ブログパーツタグ直下にdivタグを挿入してみた

昨日の別のやり方です。
例えばブログパーツとして発行されたscriptタグの下にdivタグをいれてしまいます。
昨日のものだと画像を絶対位置でフローティングさせるやり方でしたが、
今回はちゃんとブログパーツの貼り付け位置に表示させまう。

下記のようなブログパーツタグが発行されたと例にとってみましょう

JS
$("script[src*=http://test-hoge.com]").after('<div class="hogebp"></div>')
//scriptタグかつsrc属性に"http://test-hoge.comを含むタグを指定して、divタグを挿入しています

$("div.hogebp").append('<img src="http://test-hoge.com/img/bp.jpg" />');
//挿入したdivタグの下にimgタグを挿入してます

これで、ブログパーツの位置に画像を入れられる！
後は煮るなり焼くなり自由にできる。
昨日のclickイベントをつけるもよし