CODEWITHSUNDEEP
jquerybackground-imagecss
Tobi
Tobi

Reputation:

How to access property in "style" attribute with jQuery?

Is there a possibility to access a i.e "background-image:url()" property inside an inline "style" attribute? In other words going layers "deeper" than attr('style') does.

I want to manipulate the url inside style="background-image:url(something);"

Upvotes: 5

Views: 10766

Answers (3)

Jørn Schou-Rode
Jørn Schou-Rode

Reputation: 38346

Setting CSS rules

The easiest way to modify a CSS property on elements in a jQuery object, is the css function:

$("selector").css("background-image", "url(something)");

If you want to set several CSS properties in one go, there is an "overload" of the function that takes an object and uses each member of this object to override the related CSS property:

$("selector").css({
    "background-image" : "url(something)",
    "color" : "red"
});

Getting CSS rules

If you need to read the current value of some CSS property, use another "overload" of css:

var backgroundImg = $("selector").css("background-image");

Upvotes: 9

Sarfraz
Sarfraz

Reputation: 382716

I want to manipulate the url inside style="background-image:url(something);"

You would use that style for an element right?

$("selector").css('background-image', 'url(me.jpg)');

Upvotes: 0

Douwe Maan
Douwe Maan

Reputation: 6878

You could use regular expressions to find the actual content of the url() 'function', but wouldn't it be easier just to use the following?

$('selector').css('background-image', 'url(something.png)');

Upvotes: 0

Related Questions