Javascript 如何设置DIV背景图像css jquery?
座右铭是设置/更新(ajaxified)DIV背景图像Javascript 如何设置DIV背景图像css jquery?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,座右铭是设置/更新(ajaxified)DIV背景图像 $.getJSON("https://itunes.apple.com/search?term=" + searchTerm + '&limit=1' + '&callback=?', function(data) { $.each(data.results, function() { var art = this.artworkUrl100;
$.getJSON("https://itunes.apple.com/search?term=" + searchTerm + '&limit=1' + '&callback=?',
function(data) {
$.each(data.results, function() {
var art = this.artworkUrl100;
$('.photo').parent().css('background-image', 'url(' + art + ')');
}
}
在HTML上,我有以下内容:
<div id="results" class="photo"></div>
您正在将背景图像设置为父元素,而不是
.photo
div
试试这个:
$.getJSON("https://itunes.apple.com/search?term=" + searchTerm + '&limit=1' + '&callback=?',
function(data) {
$.each(data.results, function() {
var art = this.artworkUrl100;
$('.photo').css('background-image', 'url(' + art + ')');
})
});
如果返回多个
数据.results
,则由于所使用的每个循环的$,只能将最后一个用于背景图像。如果您在JSON调用中保持limit=1
,那么这不会是问题。您将背景图像设置为父元素,而不是.photo
div
试试这个:
$.getJSON("https://itunes.apple.com/search?term=" + searchTerm + '&limit=1' + '&callback=?',
function(data) {
$.each(data.results, function() {
var art = this.artworkUrl100;
$('.photo').css('background-image', 'url(' + art + ')');
})
});
如果返回多个数据.results
,则由于所使用的每个循环的$,只能将最后一个用于背景图像。如果您在JSON调用上维护limit=1
,那么这不会是一个问题。您正在设置背景图像的父div是什么?或者您想在.photo
div上设置背景吗?想在div类“photo”上设置背景图像您正在设置背景图像的父div是什么?还是要在.photo
div上设置背景?要在div类“photo”上设置背景图像