$（要素）（ '：目に見える'）.is私は、次の例を持って、常に

Question

偽です：http://jsfiddle.net/LAMdV/

HTML：

<div id="imageSlider"> 
    <span class="info" id="info1"> 
     hello world 
    </span> 
</div> 

のjQuery：

$('#imageSlider .info').click(function() { 
    var i = $(this).attr('id'); 
    i = i.replace('info', ''); 

    if ($('#imageSliders .info#info' + i).is(':visible')) {  
     alert("hide"); 
    } else { 
     alert("show"); 
    } 
}); 

のはなぜですis:visibleの結果は常にfalseを示していますか？事実にもかかわらず、最初から目に見えます！ （私の実際のシナリオでは以前は隠して表示していました）

Answer 1

あなたのマークアップには "imageSlider"というIDがあり、セレクタには "#imageSliders"（複数）が使用されています。

Answer 2

idがimageSliderで、jQueryに#imageSliders（複数）がある可能性があります。

Answer 3

構文が混ざっています。

if ($('#imageSliders .info#info' + i).is(':visible')) { ... } 

idsの後にクラス名が参照されます。しかしIDは、これが機能しているので、これだけが主セレクタとして

if ($('#info' + i).is(':visible')) { ... } 

を見る{番号}を得る最速のセレクタですあなただけのときにさらに説明するためにthis

if ($(this).is(':visible')) { ... } 

を使用することができます呼び出しますidと組み合わされたクラスを使用します。ページ上のIDが、そのクラスがアクティブであると飾ることができる例を考えてみましょう。

$("#uniqueid.active") 

Answer 4

対

$("#uniqueid") 

それは彼らのでもありません。 imageSlidersはimageSliderである必要があります