Change style using JS

Question

I have a CSS code:

.ui-dialog-buttonset .on{
        color: black;
        border-radius: 7px;

    }

And i want to set display = none for this using jquery:

$('#ui-dialog-buttonset .on').css('display', 'none');

It is not woring. What am I doing wrong ? Appreciate your help.

George · Accepted Answer · 2014-03-24 15:00:47Z

2

ui-dialog-buttonset is a class, not an id. So select it using a period, not a hash:

$('.ui-dialog-buttonset .on').css('display', 'none');

answered Mar 24, 2014 at 15:00

George

36.9k9 gold badges70 silver badges109 bronze badges

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

Comments

Fran Herrera · Accepted Answer · 2014-03-24 15:01:57Z

0

You're telling jQuery to search for an element with id ui-dialog-buttonset because you used #. To select a class you must start with the "." like in:

$('.ui-dialog-buttonset .on').css('display', 'none');

answered Mar 24, 2014 at 15:01

Fran Herrera

585 bronze badges

Silwest · Accepted Answer · 2014-03-24 15:02:04Z

0

.ui-dialog-buttonset - this is class #ui-dialog-buttonset - this is ID

You are changing css of different item, which probably doesn't exists on your page.

answered Mar 24, 2014 at 15:02

Silwest

1,6201 gold badge15 silver badges30 bronze badges