jQuery Append : SAMPLE

指定したaタグにアイコン画像を追加したときの位置の違いについて。

Contents

基本的なソース

jQuery(function($) {
　　$(‘<img />’).attr({src:’img/ribbon.png’,alt:”}).prependTo(‘#test01 a’);
});

↑のように指定したID内のaタグを探し出し、画像を追加します。その際、オレンジの部分の指定を変更すると、aタグの中や外、先頭か末尾かなど位置を調整することができます。

aタグの中・テキストの先頭に表示
TEST01

aタグの中・テキストの末尾に表示
TEST02

aタグの外・先頭に表示
TEST03

aタグの外・末尾に表示
TEST04