Check for a CSS class has a property - jQuery

Question

I have these elements;

<div class="preview">
    <div class="title" style="display:block">
</div>

<div class="preview">
    <div class="title" style="display:none">
</div>

<div class="preview">
    <div class="title" style="display:none">
</div>

I want to add a class to the preview, if the title is 'display:none'.

Please help me short this.

Thanks & Regards.

mplungjan · Accepted Answer · 2013-02-09 12:23:24Z

6

$('.preview').has('.title:hidden').addClass('yournewclass');

edited Feb 9, 2013 at 12:23

mplungjan

180k29 gold badges183 silver badges246 bronze badges

answered Feb 9, 2013 at 12:09

Engineer

48.9k12 gold badges90 silver badges93 bronze badges

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

1 Comment

Rory McCrossan Over a year ago

The logic here is the wrong way around - he wants to add the class if the title is NOT visible

Rory McCrossan · Accepted Answer · 2013-02-09 12:15:45Z

4

Try this:

$('.title').is(':not(:visible)').closest('.preview').addClass('foo');

Note the :not(:visible) will catch any .title elements who are hidden due to the visibility or display properties. If you only want to catch display: none try this:

$('.title').each(function() {
    if ($(this).css('display') == 'none') {
        $(this).closest('.preview').addClass('foo');
    }
});

edited Feb 9, 2013 at 12:15

answered Feb 9, 2013 at 12:08

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Collectives™ on Stack Overflow

Check for a CSS class has a property - jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related