时间戳

首页 > 解决方案 > 如何使用 JQuery 从没有 id 标识符的 img 更改 src 路径？

jquery - 如何使用 JQuery 从没有 id 标识符的 img 更改 src 路径？

问题描述

我想更改我的 img 标签的第一个路径，但这段代码对我不起作用。我的 HTML 代码

<div class="home">
    <img src="a.jpg">
    <img src="a.jpg">
    <img src="a.jpg">
</div>

我的 JQuery 代码

$("img[src$='a.jpg']")[0].attr('src','change.jpg');

我希望我的 HTML 是这样的

<div class="home">
    <img src="change.jpg">
    <img src="a.jpg">
    <img src="a.jpg">
</div>

有人可以帮我弄清楚这个案子吗？谢谢你。

标签： jquery

解决方案

您的代码..")[0].将为您提供没有 jqueryattr方法的 DOM 节点 - 删除[0]并替换为.eq(0)

$("img[src$='a.jpg']").eq(0).attr('src','change.jpg');


$("img[src$='https://i.stack.imgur.com/7bI1Y.jpg']").eq(0).attr('src','https://i.stack.imgur.com/XZ4V5.jpg');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="home">
    <img width=100 src="https://i.stack.imgur.com/7bI1Y.jpg">
    <img width=100 src="https://i.stack.imgur.com/7bI1Y.jpg">
    <img width=100 src="https://i.stack.imgur.com/7bI1Y.jpg">
</div>

推荐阅读