從他們的集合中選擇可見的div使用他們的類

我只有一個可見的div之間的很多。如何選擇它？從他們的集合中選擇可見的div使用他們的類

下面的代碼工作在本地主機，但不能上網：

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

我知道，可以通過使用divs。每（）散步，一起。是選擇（「：可見」），但我寧願一行解。不可能嗎？

編輯：

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>

EDIT 2

這是不可能讓它在線工作。這是最終的解決方案：

var page_div_visible; 

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

感謝您support.-

來源

2012-05-02 Igor Parra

這是同樣的事情，但試試這個：'VAR page_div_visible = $（」 gform_page：可見「）;' –

只是一個預感，但是你可能會在使用JS動態添加該類的新元素之前對該選擇器進行查詢。或者一堆被刪除，並添加新的。這不像CSS。如果page_div_visible被分配給一個元素時不存在，則該元素不會自動地位於該對象中，並且如果在創建page_div_visible時存在具有該類的元素，並且在對其執行某些操作時沒有任何更改，則該JPack的答案應該有效。 –

@ erik-reppen divs在頁面加載時顯然是隱藏/可見的。查看編輯的問題。 thx.- –

爲什麼你不這樣做呢？

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

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

來源

2012-05-02 22:42:59

仍然無法使用！ –

http://jsfiddle.net/JoshuaPack/AtBx3/1/ - 用您的HTML –

更新是的，我知道，但其他一些JS代碼干擾我的（這是WP插件的一部分）我需要另一種解決方案.- thx –

您使用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");

來源

2012-05-03 18:55:04

從他們的集合中選擇可見的div使用他們的類

回答

相關問題