jQuery JavaScript to replace broken images

Question

I have a web page that includes a bunch of images. Sometimes the image isn't available, so a broken image is displayed in the client's browser.

How do I use jQuery to get the set of images, filter it to broken images then replace the src?

---

--I thought it would be easier to do this with jQuery, but it turned out much easier to just use a pure JavaScript solution, that is, the one provided by Prestaul.

Answer 1

To replace broken images in JavaScript, the idea is to assign a new image to the broken image element. This can be easily done using the onerror attribute of an <img> element, which gets fired when an error occurs while loading an image.