クラスを使って可視divを選択する

多くの間にはdivが1つしか表示されません。どのようにそれを選択できますか？次のコードクラスを使って可視divを選択する

はlocalhostで動作しますが、ないオンライン：私は1つの行を好むだろうが、：

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

私は（）を.each使用してdivsを歩くと.is（「目に見える」）を選択することができます知っています溶液。それは可能ですか？

EDIT：

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

それは同じことだが、この試すのはjQueryを使ってみていることをあなたのコメントを見て： 'VAR page_div_visible = $（」gform_pageを： visible） "）; –

ちょうどいいですが、そのクラスの新しい要素が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のいくつかの他のコードによって妨害されている、親切代わりに$

// 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を選択する

答えて

関連する問題