JQuery and Inline & External CSS

Question

I know the following JQuery will remove an attribute from an image tag

$('img').removeAttr('height');

in

<img src="images/abc.jpg" alt="Image 1" height="30px" width="30px" />

But how can I do the same if the img tag in in the following format?

<img src="images/abc.jpg" alt="Image 1" style="height:30px; width:30px;" />

Also how to do the same if the CSS in in an external file

<img src="images/abc.jpg" alt="Image 1" class="imgclass1" />

dknaack · Accepted Answer · 2012-01-29 00:43:41Z

1

If you do

$('img').css('height', '');

jQuery will remove the height style from the element

removes that property from an element if it has already been directly applied, whether in the HTML style attribute

answered Jan 29, 2012 at 0:43

dknaack

60.7k28 gold badges166 silver badges211 bronze badges

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

1 Answer 1