Получение источника определенного элемента изображения с помощью jQuery

У меня есть много элементов изображения и вы хотите получить определенный источник изображения, где альтернативный текст является "примером".

Я пробовал это:

var src = $('.conversation_img').attr('src');

но я не могу получить тот, который мне нужен.

Как выбрать определенный элемент изображения на основе его альтернативного текста?

Ответ 1

Чтобы выбрать и элемент, где вы знаете только значение атрибута, вы можете использовать ниже jQuery script

var src = $('.conversation_img[alt="example"]').attr('src');

Пожалуйста, обратитесь к jQuery Documentation для атрибутов, равных селекторам

Также см. пример в Демо

Ниже приведен код, в котором вы не можете получить доступ к демонстрации.

HTML

<div>
    <img alt="example" src="\images\show.jpg" />
    <img  alt="exampleAll" src="\images\showAll.jpg" />  

</div>

SCRIPT JQUERY

var src = $('img[alt="example"]').attr('src');
alert("source of image with alternate text = example - " + src);


var srcAll = $('img[alt="exampleAll"]').attr('src');
alert("source of image with alternate text = exampleAll - " + srcAll );

Выход будет

Два сообщения предупреждения, каждое из которых имеет значения

источник изображения с альтернативным текстом = пример -\images\show.jpg
источник изображения с альтернативным текстом = exampleAll - \ Изображения \showAll.jpg

Ответ 2

$('img.conversation_img[alt="example"]')
    .each(function(){
         alert($(this).attr('src'))
    });

При этом будут отображаться атрибуты src всех изображений класса 'talk_img' с помощью alt= 'example'

Ответ 3

var src = $('img.conversation_img[alt="example"]').attr('src');

Если у вас есть несколько совпадающих элементов, возвращается только src первого.

Ответ 4

Если вам не нужен особый текст изображения, вы можете просто нацелиться на класс/идентификатор изображения.

$('img.propImg').each(function(){ 
     enter code here
}

Я знаю, что он не совсем отвечает на этот вопрос, хотя Ид потратил века, пытаясь понять это, и этот вопрос дал мне решение:). В моем случае мне нужно было скрыть любые теги изображений с помощью определенного src.

$('img.propImg').each(function(){ //for each loop that gets all the images. 
        if($(this).attr('src') == "img/{{images}}") { // if the src matches this
        $(this).css("display", "none") // hide the image.
    }
});