jQuery

Question

ile belirli bir görüntü öğesinin kaynağını alma Pek çok görüntü öğem var ve alternatif metnin "örnek" olduğu belirli bir resmin kaynağını almak istiyorum.

bu çalıştı:

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

ama ben bununla ihtiyacım biri alınamıyor.

Alternatif metne göre belirli bir görüntü öğesini nasıl seçerim?

Answer 1

ve eleman Eğer nitelik seçicileri

eşittir için jQuery komut altında

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

jQuery Documentation bakınız kullanabilirsiniz

da Demo

örneğin bakınız

Aşağıdaki kod, demoya erişemezsiniz ..

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); 

Çıktı herbirinin değerleri

1. yüzden

   İki Uyarı mesajları olacak alternatif metni = örnek ile görüntünün urce - alternatif metni = exampleAll ile görüntünün \ görüntüleri \ show.jpg

2. kaynak - görüntülerin \ \ showAll.jpg

Answer 2

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

Birden çok eşleşen öğeye sahipseniz, yalnızca ilk öğenin src'si döndürülür. Yalnızca nitelik değerini bilmek seçmek için

Answer 3

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

Bu herkesin src özelliklerini gösterecektir 'conversation_img' sınıfının görüntülerini alt = 'example'

Answer 4

Özellikle bir resmin alt metnine ihtiyacınız yoksa, yalnızca görüntünün sınıfını/kimliğini hedefleyebilirsiniz.

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

ben bu anlamaya çalışıyorum yaş geçirmişti ve bu soru bana çözümü :) girmemekle birlikte oldukça, soruya cevap olmayacağını biliyoruz. Benim durumumda, herhangi bir resim etiketini belirli bir src ile gizlemem gerekiyordu.

$('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. 
    } 
});