如何使用jQuery定位img元素的src屬性？

Question

您可以使用$("#yourId")使用jQuery定位id ，但由於它不是id ，因此如何定位img元素的src屬性。 我想直接鏈接api的圖像鏈接。

我有一個<div> <img src""> </div>

var ico = data.weather[0].icon

我想使用jQuery在src""使用ico src"" 。

Answer 1

您可以使用屬性來定位元素。

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

如果只想跟蹤包含一部分URL的圖像，請使用以下命令：

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

這將檢查src屬性是否包含您的字符串。

編輯

由於您更改了問題，因此我也將更改答案。

要設置圖像的src ，請使用以下命令：

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

您可能要使用另一個選擇器代替img 。 例如，您的問題中已經說明了您的ID。

Answer 2

嘗試這個

 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" /> 

Answer 3

您可以使用JQuery選擇器http://api.jquery.com/category/selectors/

這是示例HTML

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

這是有效的JQuery

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

結果如下：

• 文件：/// C：/用戶/ RCV /桌面/ imgUrl的
• 文件：/// C：/用戶/ RCV /桌面/ imgUrl2
• 文件：/// C：/用戶/ RCV /桌面/ imgUrl3

我已經上傳到JSFiddle，因此您可以運行它。

https://jsfiddle.net/j5eyzqr3/1/