Поиск изображений на странице с определенным именем файла с помощью jquery

Question

Мне нужно проверить страницу, чтобы проверить, загружены ли определенные изображения, т.е.не возвращается 404. Если они недоступны, я хочу заменить изображение изображениями по умолчанию.

Я знаю, что могу назначить обработчик ошибки на изображения.

Во-первых, мне нужно использовать селектор, чтобы найти все изображения, источник которых содержит следующее имя изображения -> /folder/Product_1234_P.jpg ИЛИ /folder/Product_9876_Q.gif

ЛюбойИдеи, как создать высокопроизводительный селектор, который я могу использовать для поиска таких изображений, чтобы я мог проверить, загружены ли изображения, если не заменить имя изображения на: Product_Default_P.jpg или Product_Default_Q.gif

Любая помощьили совет был бы отличным.

Answer 1

Вы можете использовать обработчик ошибок изображения , а атрибут содержит селектор , например:

$("img[src*=Product]").error(function() {
    $(this).attr('src', 'notfound.jpeg');
});

Answer 2

Полагаю, вы имеете в виду что-то вроде

$("img[src^=/folder/Product_][src$=_P.jpg]")

т.е. "Найти все img с помощью src, начинающегося с" / folder / Product_ "и заканчивающегося" _P.jpg ".

Answer 3

$('img[src*="substring"]')

Это селектор атрибута.Проверьте это http://api.jquery.com/attribute-contains-selector/