使用jQuery查找具有特定CSS样式的DIV

时间:2013-02-06 14:22:56

标签: jquery css html

我有一堆DIV,除了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>

我需要找出div的id是'display:block'。我使用了以下代码,但它只返回第一个div的id。

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

如何修改此项以找到正确的ID?

提前致谢。

2 个答案:

答案 0 :(得分:5)

使用:visible会找到可见的div

你不应该使用数字作为id,我认为它只在html5中有效

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

答案 1 :(得分:3)

喜欢这个 -

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