jQuery Erkennung nicht existierendes Element

Question

Ich habe eine Funktion, die überprüft, ob ein img-Tag innerhalb einer Figur Element mit einer Klasse von "colorbox" ist, und wenn es ist, um einige Elemente zusätzlichen Styling hinzuzufügen. Die Funktion läuft jedoch auch dann, wenn in der Farbbox keine Bilder sind und ich weiß nicht warum.

Meine jQuery sieht aus wie dieses

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

Und hier ist die colorbox Figur, klar ohne img Element ...

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

Also warum sollte jQuery ein Element Kommissionierung werden die ‚doesn t existieren?

Answer 1

ich es auf diese Weise tun würde lieber:

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 
     } 

    }); 
} 

und jetzt für Ihr Problem :

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

$(".colorbox") gibt ein Liste von Elementen, falls vorhanden

dann fragen Sie, ob die Liste .has("img")? Dies bedeutet, wenn ein Element in der Liste ein img Element nach innen hat, dann bekommt man ein wahr als Ergebnis, dass if-Anweisung, deshalb Ihr Code als

Answer 2

Gibt eine neue jquery-Untermenge zurück. Sie werden if($(".colorbox").has("img").length) möchten überprüfen, ob es irgendwelche img-Tags ist da drin

Answer 3

I find Funktion

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

if ($img.length) { //exisst 

}