无法使用EACH从IMG SRC获取ATTR值（jQuery）

Question

当我尝试通过3个不同的URL获得3个不同的结果时，“每个”函数返回3次未定义的结果。

var src = $('img').each(function(){
    $(this).attr("src");
alert(src);
    });

我在SO上找到了几个答案，但是似乎都没有一个答案可以回答这个（非常基本的）问题。

我要做的是将每个img网址替换为更具体的网址

例如：

a.jpg --> a-ok.jpg
b.jpg --> b-ok.jpg
c.jpg --> c-ok.jpg

这就是为什么我需要使用EACH来获取所有img的URL的原因。

请帮忙。

谢谢

Answer 1

您的代码是错误的。 通过将src变量分配给$('img').each您将获得元素集合，而不是src属性。

应该：

$('img').each(function(){
  var src = $(this).attr("src");
  alert( src );
});

要替换src属性，您需要在each回调函数中执行此操作。

例如这样：

$('img').each(function(){
  var src = $(this).attr("src");
  $(this).attr("src", src.replace('.', '-ok.'));
});

Answer 2

$('img').each(function(){
  var src = $(this).attr("src");
  console.log( src );
  // now override the src 
  var pos = src.lastIndexOf("."); // there can be numerous . in the url
  $(this).attr('src', ( src.substring(0,pos) + '-OK.'+src.substring(pos+1) ) ) ;
});