2013-10-14 27 views
7

Ich habe ein Karussell von Bildern, die dynamisch bevölkert sind. Es gibt Potenzial für bis zu 5 Bilder. Wenn es jedoch weniger als 5 Bilder gibt, muss ich einige if-Anweisungen in meinen Code einfügen. Ist es möglich, mit jQuery zu prüfen, ob ein img src leer ist?jquery überprüfen, ob img hat src

Zum Beispiel, wenn ich ein Bild mit der Klasse "optional" aber es hat keine URL, gibt es eine Möglichkeit, dies mit jQuery zu erkennen?

<img class="optional" src="" /> 
+0

Möchten Sie einen Selektor finden, der solche mit leeren src-Attributen findet, oder möchten Sie alle relevanten Bilder analysieren und eine if-Anweisung gegen sie ausführen? – Archer

Antwort

12

Versuchen Sie, diese

$('.optional').each(function() { 
    if (this.src.length > 0) { 
     //if it has source 
    } 
}); 
+1

kann ich src.length == 0 statt> 0 tun, damit ich eine Aussage habe, wenn sie keine Quelle hat? –

+0

@SamSkirrow ja du kannst – Anton

2
if($.trim($(".optional").attr("src")) != "")// check image has src 
{ 
// do your stuff 
} 
else{ 
} 

Referenz attr und trim

0

JQUERY:

if($('img.optional').attr('src') != "") { 
    // Image has src ! 
} else { 
    // Image has not src :'(
} 
6

Sie Attributselektor verwenden können:

$('img.optional[src=""]'); 

Wenn Sie die Bilder auswählen möchten, die leer src Attribute nicht haben:

$('img.optional[src!=""]'); 
+2

'$ ('img.optional [src =" "]')' um genauer zu sein – opalenzuela

0

Sie können

img[src=""] { 
    display: none; 
} 

Der obige Selektor wird einfach übereinstimmen, wenn das src-Attribut keinen Wert hat.