Change width of child div element using JQuery

Question

I have an element in my html with this markup:

<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" role="tabpanel" style="width: 98px; display: block;">

I would like to know how to remove the width attribute using jQuery

what do you mean by remove?

madalinivascu
– madalinivascu

2016-10-17 09:14:43 +00:00
Commented Oct 17, 2016 at 9:14 — madalinivascu
– madalinivascu, Commented Oct 17, 2016 at 9:14
you want to change width or remove the attribute width?

Jyothi Babu Araja
– Jyothi Babu Araja

2016-10-17 09:16:12 +00:00
Commented Oct 17, 2016 at 9:16 — Jyothi Babu Araja
– Jyothi Babu Araja, Commented Oct 17, 2016 at 9:16
.css('width', 'auto')

Rory McCrossan
– Rory McCrossan

2016-10-17 09:16:46 +00:00
Commented Oct 17, 2016 at 9:16 — Rory McCrossan
– Rory McCrossan, Commented Oct 17, 2016 at 9:16

Obzi · Accepted Answer · 2016-10-17 09:15:26Z

2

You can remove any inline css attribut with this code :

$(selector).css("attribut", "");

So, in your case, use this :

$(".ui-accordion-content").css("width", "");

answered Oct 17, 2016 at 9:15

Obzi

2,3901 gold badge12 silver badges23 bronze badges

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

4 Comments

Ryan Over a year ago

You would probably be better off in the long run if you can add the width to a css class instead. $('.ui-accordion-content-active').removeClass('customWidth');

Aer0 Over a year ago

Not sure why people would downvote a corret answer. Additional note: Doing so you can also enter new values for your css attribute.

Obzi Over a year ago

Why other people all propose to change the value, when bodzilla ask to remove the value ...

bodzilla Over a year ago

@Bazaim Yes I want to remove the attribute completely, therefore this solution works best.

Samir · Accepted Answer · 2016-10-17 09:19:33Z

2

This will work for you,

$(".ui-accordion-content").css('width', 'auto;');

This will make the div to default width. i.e 100%.

answered Oct 17, 2016 at 9:19

Samir

1,3681 gold badge10 silver badges16 bronze badges

Comments

kamesh · Accepted Answer · 2016-10-17 09:31:46Z

1

You can set the width to be auto.....

$("selector").css('width','auto');

edited Oct 17, 2016 at 9:31

kamesh

2,4343 gold badges28 silver badges33 bronze badges

answered Oct 17, 2016 at 9:17

Starx

79.3k50 gold badges187 silver badges266 bronze badges

Comments

mymotherland · Accepted Answer · 2016-10-17 09:17:53Z

0

you could use

.css('width', 'auto')

answered Oct 17, 2016 at 9:17

mymotherland

8,24614 gold badges70 silver badges124 bronze badges

Comments

Pravin Kr. Mishra · Accepted Answer · 2016-10-17 09:25:03Z

0

Use this -

$(".ui-accordion-content").css('width', 'auto');

or assign a ID to div id='myDivId'

$("#myDivId").css('width', 'auto');

answered Oct 17, 2016 at 9:25

Pravin Kr. Mishra

113 bronze badges

Collectives™ on Stack Overflow

Change width of child div element using JQuery

5 Answers 5

4 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related