jQueryを使用してimg要素のsrc属性をどのようにターゲットできますか？

$("#yourId")を使用してidをjQueryでターゲティングすることはできますが、idではないため、img要素のsrc属性をどのようにターゲットできますか。私はapiの画像リンクを直接リンクしたいと思う。jQueryを使用してimg要素のsrc属性をどのようにターゲットできますか？

私はjqueryのを使用してsrc""にICOをしたい<div> <img src""></div>

VAR ico = data.weather[0].icon

を持っています。

2017-12-07 Zein.Mrwan

JSフレームワークを使用しましたか？ JS Frameworkを使用している場合はどちらですか？ –

コードを共有することをお勧めします。より多くの情報を見ることができれば、助けが簡単になります。 –

これは純粋なJSです –

属性を持つ要素を対象にすることができます。

$('img[src="imageurl"]')

あなたはこれだけに使用するURLの一部で画像を追跡する場合：src属性はあなたの文字列が含まれている場合

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

このチェックを。あなたは、私はあまりにも私の答えを変更しますあなたの質問を変更したので

EDIT

。あなたが代わりにimgの別のセレクタを使用したい場合があり

$('img').attr('src', ico);

：画像利用のsrcこれを設定するには

。例えば、あなたの質問にすでに書かれているようなIDの例。

2017-12-07 16:07:17 Zammy

私のimageUrlは変数です、私はあなたのメソッドに変数を配置することはできません。何か案が？ –

@ Z.Mrwanはい、可能です。 '$（ 'img [src ="' + $ imageUrl + '"]'）' – Zammy

@ z.Mrwsnもちろん可能です。ただそれを連結してください。 –

ここ

<img src='imgUrl'/> 
<img src='imgUrl2'/> 
<img src='imgUrl3'/> 
<img src='notIncluedimgUrl'/> 
<ul id ="Result"></ul>

で、これは

var y = $("img[src$='img.png'][name='img']"); 
 
console.log(y.attr("src"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<img src="img.png" name="img" />

2017-12-07 16:21:37

あなたはjQueryのセレクタを使用することができます試してみて、ここで働いてjQueryの

$(function(){ 
    $('img[src^="imgUrl"]').each(function(i, e){ 
    $("#Result").append("<li>" + $(e).prop("src") + "</li>"); 
    }); 
});

そして、ここでの結果である：

あなたはそれを実行することができますので、私は、JSFiddleにアップロードしました。

2017-12-07 17:26:05

答えて