How to modify style attribute via JQuery?

Question

I have elements, generated by UI-framework as follows:

<div id="GENERATED_CONTAINER" style="position: fixed; z-index: 100; left: 368px; top: 52px; width: 545px; height: 846px;">
    <div id="GENERATED_CONTENT style="opacity: 0.1; left: 5px; top: 5px; bottom: -5px; width: 545px; height: 846px;">
    </div>
</div>

I need to write a script which is to remove width and height from style attributes.

var elems = $("[id^='GENERATED_']");
//what should I apply now?

Richa · Accepted Answer · 2015-04-06 06:52:58Z

2

Simply write .css

$("[id^='GENERATED_']").css({
  width: 'inherit', //or the value
  height: 'inherit' //or the value
})

answered Apr 6, 2015 at 6:52

Richa

4,2605 gold badges36 silver badges51 bronze badges

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

Comments

ozil · Accepted Answer · 2015-04-06 06:54:39Z

1

$("[id^='GENERATED_']").css({width:0px,height:0px})

answered Apr 6, 2015 at 6:54

ozil

7,1639 gold badges38 silver badges62 bronze badges

Comments

Eric Lease · Accepted Answer · 2015-04-06 06:59:59Z

1

You can clear the inline style using .css()

Here's a fiddle of inline style being added and removed via jQuery.css().

answered Apr 6, 2015 at 6:59

Eric Lease

4,2041 gold badge32 silver badges46 bronze badges

Collectives™ on Stack Overflow

How to modify style attribute via JQuery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related