Question

我使用jQuery替换随标记添加的所有图像。如何替换CSS添加的所有图像？这就是我所拥有的tried with my fiddle。所以，如果你看到，jQuery适用于img标签，但不适用于h1标签。

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');
    });
});

Answer 1

这应该对你有用

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

WORKING DEMO

Answer 2

您无法直接将图片显示为h1标记的属性。如果要更改图像，可能需要通过调用以下内容来更改h1标记的css值：

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

Answer 3

检查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)' });
        }        
    })

Answer 4

试试这个：

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

Answer 5

在你的小提琴上试过它，这是完美的，

$('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");

jQuery：替换所有CSS背景图像

5 个答案: