27

多くの画像要素があり、代替テキストが「例」である特定の画像のソースを取得したいと思います。

私はこれを試しました：

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

しかし、私はそれで必要なものを手に入れることができません。

代替テキストに基づいて特定の画像要素を選択するにはどうすればよいですか？

4

4 に答える 4

55

属性値のみがわかっている要素を選択するには、以下のjQueryスクリプトを使用できます

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

属性がセレクターと等しい場合は、 jQueryのドキュメントを参照してください。

デモの例も参照してください

以下は、デモにアクセスできない場合のコードです。

HTML 

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

</div>

スクリプト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 );

出力は

それぞれ値を持つ2つのアラートメッセージ

  1. 代替テキストを含む画像のソース=例-\images\ show.jpg
  2. 代替テキストを含む画像のソース=exampleAll-\images \ showAll.jpg
于 2012-05-15T10:36:19.113 に答える
7 
$('img.conversation_img[alt="example"]')
    .each(function(){
         alert($(this).attr('src'))
    });

これにより、クラス'conversation_img'のすべての画像のsrc属性がalt='example'で表示されます。

于 2012-05-15T10:41:08.940 に答える
2 
var src = $('img.conversation_img[alt="example"]').attr('src');

一致する要素が複数ある場合は、最初の要素のsrcのみが返されます。

于 2012-05-15T10:34:55.010 に答える
0

画像の代替テキストが特に必要ない場合は、画像のクラス/IDをターゲットにすることができます。

$('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.
    }
});
于 2017-04-16T11:50:09.100 に答える