JQuery: получить и установить изображение, повторите с фона CSS

Question

По какой-то причине мне не нужно разрешать пользователю получать и устанавливать background-image и background-repeat, тогда я вместо этого использую background.

Как получить и установить изображение, повтор и положение из css фона?

Спасибо.

Answer 1

Фоновое изображение

Получение:

$('selector').css('background-image');
$('selector').css('background-repeat');
$('selector').css('background-position');

Настройка:

$('selector').css({
    backgroundImage: 'url(' + imageUrl + ')'
    ,backgroundRepeat: 'repeat-x'
    ,backgroundPosition: '10px 10px'
});;

Answer 2

Вы можете получить весь атрибут стиля и проанализировать его, потому что jquery получает эти значения только отдельно.

// All style attribute value
var strStyle = $('selector').attr('style');
// Find 'background' and store until the end.
strStyle = strStyle.substring(strStyle.indexOf('background:')+11);
// Strip the next rules
var strBackground = strStyle.split(';')[0];

Вы можете сделать это более кратко

var strStyle = $('selector').attr('style');
var strBackground = strStyle.substring(strStyle.indexOf('background:')+11).split(';')[0];

А теперь я могу помочь?