imgに疑似要素のbefore,afterが使えないので、jQueryで対応してみた。

CSSを使って文字を追加してみよう！擬似要素とcontentで一括反映も簡単に！の内容を使ってimgにbefore、afterとしてCSSで追加したかったのですが、なにやら出来ない様子。

閉じタグのないimg要素では疑似要素であるbefore,afterを指定してもCSSとしてどうやら追加されないのですって。


それならばCSSではなく、jQueryを使って対応すればいいか！と思ったので実装してみたケースをご紹介します。

jQueryにもbefore,afterがあるんです。

jQueryでのimgのbeforeやafterの追加方法については下記を参考にしました。

参考記事：jQueryで要素を挿入できるメソッドがたくさんあるので整理してみた | bl6.jp

これにて無事CSSを使わずにjQueryでimg要素にbefore、afterを追加することができました。

最新投稿された記事はいかがですか？

• 南野どうなる?2015年冬から4大リーグにいったザルツブルクの選手をリストアップ！
• 毎日25分のオンライン中国語レッスンサイトまとめ。結構サイトによって金額と時間が違ってます。
• 中国語で覚えておきたい接続詞まとめ。
• [サッカーまとめ]2007-2016に欧州のクラブチームに移籍して日本人選手リスト。