jQuery var olmayan öğeyi tespit etme

Question

Bir img etiketinin "colorbox" sınıfı olan bir şekil öğesinin içinde olup olmadığını ve bazı öğelere bazı ek stiller eklemek için olup olmadığını denetleyen bir işlev var. Bununla birlikte, fonksiyon, renk kutusu şeklinde görüntü olmasa bile hala çalışır ve nedenini bilmiyorum.

My jQuery

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

Peki neden jQuery kokan bir öğe toplayıp olacağını ... Bu

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

benziyor Ve burada bir img eleman olmadan açıkça ColorBox rakamdır var mı?

Answer 1

tercih ediyorum herhangi img etiketleri var olmadığını kontrol etmek if($(".colorbox").has("img").length) isteyeceksiniz :

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

$(".colorbox") birdöndürür

öğesininlistesininlistesi .has("img") listesinden birini sorarsınız? Listede bir öğe içinde bir img elemanı varsa bu o zaman bir sonucu olarak bir gerçek olsun, demek ki if-ifadesi,

Answer 2

Yeni bir jquery altkümesi döndürüyor. sorununuza şimdi

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 
     } 

    }); 
} 

ve i bu şekilde yapacağını orada

Answer 3

Ben find fonksiyonunu

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

if ($img.length) { //exisst 

}