如何使用jQuery修改无id标识的img标签的src路径

问题根源 #

使用[0]从jQuery选择器返回的集合中取元素时，得到的是原生DOM对象，原生对象没有jQuery提供的attr()方法，因此属性修改操作不生效。

可用解决方案 #

方案1：使用jQuery方法选取第一个元素（保持jQuery对象类型）

两种写法均可：

// 写法1：用:first选择器
$("img[src$='a.jpg']:first").attr('src','change.jpg');

// 写法2：用.eq(0)方法
$("img[src$='a.jpg']").eq(0).attr('src','change.jpg');

方案2：原生DOM对象直接操作src属性

如果要保留[0]取原生对象的写法，直接修改原生src属性即可：

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

以上两种方案都可以实现你要的第一个img标签src修改为change.jpg的效果。

内容的提问来源于stack exchange，提问作者taellipsis