jQuery：替換所有CSS背景圖片

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

來源

2013-07-19 AnaMaria

這應該爲你工作

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

WORKING DEMO

來源

2013-07-19 06:44:20

你不能直接顯示圖像爲h1標籤的屬性。如果你想改變形象，你可能想通過調用像這樣改變H1標籤的CSS值：

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

來源

2013-07-19 06:44:28 bmurauer

這是針對所有元素的，但代碼應該是''background-image'，'url（「...」）或''background'，'透明url（「...」）... '' – VenomVendor

對不起，這行只是爲了替換'$（this）.attr'（'src'，'http://upload.wikimedia.org/wikipedia/en/0/0f/Red_X_Symbol.gif'）這行。 ;'從原來的帖子。 – bmurauer

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

來源

2013-07-19 06:50:04 YD1m

試試這個：

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

來源

2013-07-19 06:53:34

嘗試它在你的小提琴上，這是完美的工作，

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

來源

2013-07-19 06:58:38

jQuery：替換所有CSS背景圖片

回答

相關問題