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

Question

您可以使用id使用jQuery定位$("#yourId")，但如何定位img元素的src属性，因为它不是id。我想直接链接api的图片链接。

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

var ico = data.weather[0].icon

我希望使用jquery在src""中使用ico。

Answer 1

您可以使用属性定位元素。

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

如果您只想跟踪部分网址的图片，请使用以下网址：

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

检查src属性是否包含您的字符串。

修改

既然你改变了问题，我也会改变我的答案。

要设置图片的src，请使用此选项：

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

您可能希望使用其他选择器而不是img。例如，您在问题中已经描述过的ID。

Answer 2

试试这个

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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/