试图找到图像标签并替换文件路径字符串

时间:2014-02-10 16:03:08

标签: javascript jquery html arrays

每次页面加载时,我都需要运行一个遍历页面的脚本,找到所有img src文件路径(<img src="/RayRay/thisisianimage.png">),然后在文件路径上添加一个字符串,使其显示为{{1} }。

我的方法是映射imgs并将它们放在一个数组中,然后迭代数组并将字符串附加到url。

我已经想出如何映射图像并将它们放入数组中:

<img src="/MainFolder/RayRay/thisisianimage.png">

现在我只是在遍历数组并附加字符串时遇到问题。这就是我现在所拥有的,它似乎没有起作用:

$('.contentArea img').map(function () {
    var b = $(this).find('src');
    return b.length ? b[0] : this;
})

我尝试使用$.each('img', function (index, value) { $('/RayRay/').append('/MainFolder/'); }); 附加到ato属性,但这也无效。我想我的语法错了。

非常感谢任何帮助。

Ĵ

1 个答案:

答案 0 :(得分:1)

你的代码中有多个错误,你不能使用.find()来获取这样的属性,也不能像这样附加源字符串。

试试这个

$('.contentArea img').each(function () {
    this.src = '/MainFolder/' + this.src;
});

如果你想在数组中获取所有图像src并将/ mainfolder /添加到图像数组中,请执行此操作

var imgArr = $('.contentArea img').map(function () {
    var b = this.src//or $(this).attr('src')
    return b.length ? '/MainFolder/' + b : this;
}).get();

如何使用.attr()

像这样设置路径

$('#myImage').attr('src','path here');

获取这样的属性值

$('#myImage').attr('src');