Есть ли способ обратиться к alt картинки?

Question

[LoveCodeandCoffe]

У картинок имеется разный alt, существует ли способ, через jquery получать getelement по альту?

Comments

[LoveCodeandCoffe]

Эти картинки картинки слайдера выводятся через админку, у них нет индификатора. только класс img-responsive. Но имеется разный альт, вот я и думаю если это возможно обращаться к картинкам через альт. Просто нужно каждой картинке задать разное действие.

Answer 1

[Stimulate]

jQuery('img[alt="my-alt"]').hide();

Comments

[LoveCodeandCoffe]

Ваш способ работает спасибо.

Answer 2

[BitRouter]

При множественном кол-ве изображений в структуре

<img src="://example.com/img-1.png" alt="face">
<img src="://example.com/img-2.png" alt="home">
<img src="://example.com/img-3.png" alt="car">

Можно воспользоватся перебором

$('body').find('img').each(function(i, event){
    if($(this).attr('alt') == 'home')
        console.dir(event);
});

Либо обратиться на прямую

$('img[alt="home"]').attr('src'); // если нам нужен URL изображение

Comments

[LoveCodeandCoffe]

ВОт то, что нужно было и с функцией перебора, это прям всю мою задачу решает спасибо)

Answer 3

[Pavel Blum]

.attr("alt") - получаете строку, сравниваете со своим значением которое ищете и от этого пляшите. Но это хардкод, так как если у вас, например, 200 картинок и у всех будет разный альт и 200 искомых вариантов то "устанете" писать условие. Для того чтобы избежать хардкода нужны нормальные идентификаторы или другие условия задачи.

Comments

[LoveCodeandCoffe]

Да через идентификаторы правильнее, но у меня картинки с бд их там нет.Сделал у себя в скрипте console.log($('.img-responsive').attr("alt"));
Но получил альт только одной картинки - лого. Которая у меня в html прописана. А альт картинок с бд не получил, возможно этот способ не видит картинки с бд или не знаю.
Блин вот пока, писал. Перечитал ваг пост еще раз и подумал. А ведь я могу присвойть сам id картинкам через jquery. Только не помню как присваивать разные классы ( как то счетчиком можно типо такие id получить id1 id2 ...idn). Пойду гуглить как это делается
Спасибо.

[LoveCodeandCoffe]

Хотя добавлю idтоже самое будет, куча разных Id. Но вообше у меня пока 3 баннера, так, что условие будет не страшно написать. Задача тут, "странная" согласен) Нужно, в зависимости какая картинка на слайдере, добавлять определенный текст или эффект. Вот поэтому нужен способ к разным картинкам обращаться, так как все остальное одинаково для всех 3 баннеров