0

div のインライン スタイルから背景画像を取得して div を削除し、代わりに<img>タグを使用する関数を作成するにはどうすればよいですか?

私のdivは次のようになります。

<div class="img_is" style="background-image: url(//domain.com/images/image1.png);"></div>

これらの div がいくつかあり、img ソースはそれぞれ異なります。

<img src>では、背景画像の src を取得して divに入れ、非表示にする関数を作成するにはどうすればよいでしょうか?

このコードを考えましたが、元に戻す方法がわかりませんでした。助けてください。何か間違っている点や、これについて質問がある場合は教えてください。

私のコード:

var images = $('li > img');
images.each(function(){
    $(this).parent().css('background-image', 'url(' + $(this).attr('src') + ')');
    $(this).hide(); // to hide it
    $(this).remove(); // to remove it from the markup
});
4

2 に答える 2