How to remove width attribute which is under style attribute using jQuery?

Question

<div class="views" style="position: relative; width: 421px; height: 15px; overflow: hidden;">
TEST TEXT
</div>

How to remove width attribute which is under style attribute using jQuery?

I know removeAttr("width");

But it will not work here because width is child of style attribute

Answer 1

You could use:

.css('width', 'auto')

Answer 2

As easy as

$('div.views').css('width', '');

Answer 3

This also worked here:

$(".views").width("");

Answer 4

Don't use inline styles. Use classes.

$(".views").removeClass("a");
$(".views").addClass("b");

But if you really want to, you could do the following:

$(".views").css("width", "");