Find a DIV with a certain CSS style using jQuery

Question

I have a bunch of DIV's that all have the same class and style except for 1.

    <div id="0" class="divpage" style="display:none"></div>
    <div id="1" class="divpage" style="display:none"></div>
    <div id="2" class="divpage" style="display:none"></div>
    <div id="3" class="divpage" style="display:none"></div>
    <div id="4" class="divpage" style="display:block"></div>
    <div id="5" class="divpage" style="display:none"></div>
    <div id="6" class="divpage" style="display:none"></div>

I need to find out the id of the div that is 'display:block'. I used the following code but it only returns the first div's id.

var num = $(".divpage").attr("id");

How do I modify this to find the correct id?

Thanks in advance.

Anton · Accepted Answer · 2013-02-06 14:23:56Z

5

using :visible will find the div that is visible

You should not use numbers as id, i think its only valid in html5

var num = $('.divpage:visible').attr('id');

answered Feb 6, 2013 at 14:23

Anton

32.6k5 gold badges47 silver badges54 bronze badges

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

2 Comments

David Fregoli Over a year ago

anyway consider using and toggling a .hidden class instead of using inline css

AlexChaffee Over a year ago

"In CSS2, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [A-Za-z0-9] and ISO 10646 characters 161 and higher, plus the hyphen (-); they cannot start with a hyphen or a digit." see stackoverflow.com/questions/11100048/…

Jay Blanchard · Accepted Answer · 2013-02-06 14:25:17Z

3

Like this -

var theID = $('.divpage[style="display:block"]').attr('id');

answered Feb 6, 2013 at 14:25

Jay Blanchard

34.5k17 gold badges82 silver badges130 bronze badges

1 Comment

AlexChaffee Over a year ago

This is the right answer to the question as posed, but I think he really wanted to ask the question answered by Anton :-)

Collectives™ on Stack Overflow

Find a DIV with a certain CSS style using jQuery

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related