Question

I have the following code:

alert($("div", data).attr("style.background"));

I would like to select the colour value on this code:

<div id = "test"style="font-family: serif; font-size: x-large; font-weight: bold; background: #5e5; text-align: center; margin: 0px; padding: 16px;">

I am unsure what to use instead of style.background.

Any help would be amazing, thanks!

Edit:

More Code

 success: function (data) {

                    alert(data);
                    alert($("div", data).css("background"));



                },

Answer 1

As for why your jQuery selector $('div',data) isn’t working, that’s because data is a string, not a jQuery object. To get what you want, you need to do:

 $(data).filter('div')

This will get you the div contained within the data string.

If all you want is the color, try:

$(data).filter('div').css('backgroundColor')

However, this will return the color in rgb(...) format, as jQuery converts all color codes to rgb.

However, if you want the actual value used in the style attribute, you’ll need to parse the attribute itself to find your answer:

var style = $(data).filter('div').attr('style');
var styleObj = {};
$.each(style.split(';'),function(){
    var rule = this.split(':');
    styleObj[$.trim(rule[0])] = $.trim(rule[1]);
});


alert(styleObj.background) // "#e55"

jsFiddle Demo