Question

我们之间只有一个可见的div。怎么选择呢？

以下代码适用于localhost但不适用于在线：

var page_div_visible = $(".gform_page").filter(":visible");

我知道可以使用.each（）遍历divs并选择.is（“：visible”）但是我更喜欢一线解决方案。不可能吗？

编辑：

html看起来像这样：

<div id='gform_page_20_6' class='gform_page' style='display:none;'>
</div>
<div id='gform_page_20_7' class='gform_page' style='display:none;'>
</div>
<div id='gform_page_20_8' class='gform_page' >
</div>

编辑2

无法使其在线工作。这是最终解决方案：

var page_div_visible;

$(".gform_page").each(function(i){
    if ($(this).css("display") !== "none"){
        page_div_visible = $(this);
        return false;
    }
})

感谢您的支持.-

Answer 1

你为什么不这样做？

 var page_div_visible = $(".gform_page:visible");

http://jsfiddle.net/JoshuaPack/AtBx3/1/

Answer 2

您使用的是哪个版本的jQuery？也许你在代码之后也与$发生冲突或者在div中添加类。

看看你的评论是否受到其他一些js代码的干扰，请尝试使用jQuery代替$

// at the very beginning of your main JavaScript file
var jQ = jQuery.noConflict();

// at the place where you are doing other stuff with $, like your issue
var page_div_visible = jQ(".gform_page:visible");

使用他们的类从一组中选择可见div

2 个答案: