質問: 子要素の画像を親要素の背景画像に設定したいです。 ``` ``` こちらの「f_left」のインラインstyle属性で子要素の画像を背景画像として指定したいです。 子要素の画像は動的に切り替わります。 ``` ``` ご教授のほどよろしくお願いいたします。
回答: 変数「img」が展開されるように下記のようにしてみてはいかがでしょうか? $(function() { var img =$(".f_left img").attr("src"); $(".f_left").attr({"style":"background:#fff url('" + img + "') 50% 50% no-repeat; background-size:contain;"}); }); JavaScriptの変数の扱いに関しては下記サイトに解りやすく解説されておりました。 ご参考下さいませ。 http://crocro.com/write/manga_javascript/wiki.cgi?p=%CA%B8%BB%FA%CE%F3%CA%D1%BF%F4%A4%C8%CD%CD%A1%B9%A4%CA%BD%D0%CE%CF#p8