2013-07-19 87 views
1

我使用jQuery来替换所有添加了标签的图片。我怎样才能取代用CSS添加的所有图像? 这就是我的tried with my fiddle。所以如果你看到,jQuery适用于img标签,但不适用于h1标签。jQuery:替换所有CSS背景图片

JQUERY:

$(document).ready(function() { 
    $('img').each(function() { 
     if ($(this).attr('src')) $(this).attr('src', 'http://upload.wikimedia.org/wikipedia/en/0/0f/Red_X_Symbol.gif'); 
    }); 
    $('h1').each(function() { 
     if ($(this).attr('url')) $(this).attr('src', 'http://upload.wikimedia.org/wikipedia/en/0/0f/Red_X_Symbol.gif'); 
    }); 
}); 

回答

4

这应该为你工作

$('h1').css('background-image', 'url(http://upload.wikimedia.org/wikipedia/en/0/0f/Red_X_Symbol.gif)'); 

WORKING DEMO

0

你不能直接显示图像为h1标签的属性。如果你想改变形象,你可能想通过调用像这样改变H1标签的CSS值:

$(this).css('background-image', 'transparent url("...")...'); 
+0

这是针对所有元素的,但代码应该是''background-image','url(“...”)或''background','透明url(“...”)... '' – VenomVendor

+0

对不起,这行只是为了替换'$(this).attr'('src','http://upload.wikimedia.org/wikipedia/en/0/0f/Red_X_Symbol.gif')这行。 ;'从原来的帖子。 – bmurauer

0

检查this

$('*').each(function() {  
     if($(this).css('background-image') !== 'none') { 
      $(this).css({ 'background-image' : 'url(http://upload.wikimedia.org/wikipedia/en/0/0f/Red_X_Symbol.gif)' }); 
     }   
    }) 
0

试试这个:

$(this).css('background-image', 'url(http://upload.wikimedia.org/wikipedia/en/0/0f/Red_X_Symbol.gif)'); 
0

尝试它在你的小提琴上,这是完美的工作,

$('h1').filter(function() { 
    return ($(this).css('background-image') !== ''); 
}).css("background","url('http://upload.wikimedia.org/wikipedia/en/0/0f/Red_X_Symbol.gif') no-repeat");