jquery check if img has src

jquery image src
Sam Skirrow picture Sam Skirrow · Oct 14, 2013 · Viewed 23.3k times · Source

I have a carousel of images that are dynamically populated. There is potential for up to 5 images, however, if there is less than 5 images I need to introduce some if statements in my code. Is it possible using jQuery to check if an img src is blank?

For example, if I have an image with class "optional" but it has no url, is there a way to detect this with jQuery?

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

Answer

Anton picture Anton · Oct 14, 2013

Try this

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

Related questions

jQuery attr() change img src

I'm making some Rocket launching effect by jQuery. When I click on Rocket, it'll swap with another rocket image, and then launch up. When I click "Reset" link, Rocket must reset starting location and image must revert back. But there …

Read More
jquery changing image src

The code with $("#adminLink") works just fine, but the $("#itemLink") doesn't. I've tried everything I can think of. I think i need a fresh pair of eyes. All I'm trying to do is change the src of these two img …

Read More
How to set the image src using jQuery

I am trying to change the image src attribute using jQuery jQuery("#imageID").attr('src','http://localhost:8080/images/1/myImage.png' ); using the above code i can change the src attribute, but when i try this:- jQuery("#imageID").attr('src',…

Read More