jQueryが存在しない要素を検出しています

Question

私はimgタグが "colorbox"のクラスを持つFigure要素の中にあるかどうかを調べる関数を持っています。そうであれば、いくつかの要素にいくつかの追加のスタイリングを追加します。しかし、カラーボックスの画像に画像がなくても機能が実行され、理由はわかりません。

私のjQueryのはなぜjQueryの「doesnの要素を拾うことになる。この

jQuery(document).ready(function($){ 
    if ($(".colorbox").has("img")) { 
    ~code here~ 
    } 
} 

そして、ここのように見えるカラーボックスの図で、明確にimg要素なし...

<figure class="colorbox"> 
    <ficaption> 
    <h2></h2> 
    <p></p> 
    <p></p> 
    </figcaption> 
</figure> 

存在しない？

Answer 1

を好む内の任意のimgタグがあるかどうかを確認するif($(".colorbox").has("img").length)をお勧めします：

$(".colorbox").has("images"); 

$(".colorbox")はを返します。リストの

の場合のリスト.has("img")が表示されますか？これは、リスト内の1つの要素が内部IMG要素を持っている場合を意味し、その後、あなたはあなたのコードが期待

Answer 2

新しいjqueryサブセットを返します。あなたの問題になりました

jQuery(document).ready(function($){ 
    $('.colorbox img').each(function(){ 
     var imageElement = $(this); 
     // do whatever you want with this element ! 
    }); 
    // OR this way 
    $('.colorbox').each(function(){ 
     var box = $(this); 
     if(box.find('img').length){ 
      // this means the parent colorBox has at least 1 img-Element 
     } 

    }); 
} 

と：私は、このようにそれを行うだろうが

Answer 3

私はfind機能に

var $img = $(".colorbox").find("img"); 

if ($img.length) { //exisst 

}