javascript - 取一个 img src 并将其设置在上层 div 的背景 - JQuery

Question

我有一个 div，里面有一个 img。当生成这些时，我想获取 img src 并将其设置在外部 div 的背景属性中。

(我正在尝试做一个圆形图像，然后按照教程)

我有这个。

JS

<script type="text/javascript">
        $(document).ready = (function() {
            var someId = $("#someId");
            $.each(someId, function(index, value) {
                var src = value.find('img').attr('src');
                value.css('background', 'url(' + src + ') no-repeat');
            });
        });
</script>

HTML

<div class="body">
    <h2><img alt="image" src="img-src" /></h2>
</div>

但是，当我运行该站点时，未设置背景属性。

Here是 fiddle 。

Answer 1

一些观察

处理程序中的
• value 不是 jQuery 对象，因此它不会有类似 find() 的方法。
• > document.ready()是一个函数，您需要将准备好的处理程序作为参数传递给它
• 您可以使用 .css(property, function(){})设置CSS属性

尝试

jQuery(function ($) {
    var someId = $("#someId");
    someId.css('background', function () {
        console.log('x')
        return 'url(' + $(this).find('img').attr('src') + ') no-repeat'
    })
})

演示:Fiddle