我有一个 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 。
最佳答案
一些观察
-
处理程序中的
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
关于javascript - 取一个 img src 并将其设置在上层 div 的背景 - JQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21770615/