Removing inline styles from JSON response using javascript

Question

I'm using JSON to receive content from a Wordpress website and display it on my mobile app. The JSON response I'm receiving has some inline styles within it that I don't need. I do however like to keep the actual html structure. Is this something that I can do with Javascript/jQuery?

For example, I like this:

<span style="color: red;">some text</span>
<p style="text-align: right;">Other stuff</p>

Turn to this:

<span>some text</span>
<p>other stuff</p>

Not sure I get it, your JSON looks a lot like HTML to me? And then you could just remove the style attribute? — adeneo
– adeneo, Commented Nov 29, 2012 at 15:52

FixMaker · Accepted Answer · 2012-11-29 16:00:54Z

4

Create a jQuery object from your HTML string and then use .removeAttr() as others have said:

var $result = $(yourHTMLString);

$result.find('[style]').removeAttr('style');

answered Nov 29, 2012 at 16:00

FixMaker

3,9284 gold badges32 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

gen_Eric Over a year ago

Don't you mean .removeAttr('style');?

farjam Over a year ago

Awesome, learning something new everyday. I can use it as $result[0] after stripping all the inline styles. Thanks

Rory McCrossan · Accepted Answer · 2012-11-29 16:05:20Z

0

You can use the removeAttr() method to remove attributes, try this:

$("span").removeAttr('style');

Update

My JSON response is just text, it's not a DOM element that I can use removeAttr on

In that case you can convert the response text to a jQuery object and run the removeAttr() on that:

var $html = $(jsonResponseData);
$html.find('span').removeAttr('style');

edited Nov 29, 2012 at 16:05

answered Nov 29, 2012 at 15:50

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

1 Comment

farjam Over a year ago

My JSON response is just text, it's not a DOM element that I can use removeAttr on.

Collectives™ on Stack Overflow

Removing inline styles from JSON response using javascript

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related