jquery controlla se img ha src

Question

Ho un carosello di immagini che sono popolate dinamicamente. Esiste la possibilità di un massimo di 5 immagini, tuttavia, se sono presenti meno di 5 immagini, è necessario introdurre alcune istruzioni if ​​nel mio codice. È possibile utilizzare jQuery per verificare se img src è vuoto?

Ad esempio, se ho un'immagine con classe "opzionale" ma non ha url, c'è un modo per rilevare questo con jQuery?

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

Answer 1

Prova questa

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

Answer 2

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

riferimento attr e trim

Answer 3

JQuery:

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

Answer 4

È possibile utilizzare selettore di attributo:

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

Nel caso in cui si desidera selezionare le immagini che non hanno vuote src attributi:

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

Answer 5

È possibile utilizzare

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

Il selettore di cui sopra semplicemente corrisponderà, se l'attributo src non ha valore.