获取img的src路径并将其转换为json

Question

我通过ajax和回调获取了一些html内容我想获取所有src路径并将它们转换为json。我总是得到404错误，因为它加载了图像。我怎样才能加载它呢？另外，我发现了错误：遗漏的类型错误：转换圆形结构，以JSON

这里有一个演示：http://jsfiddle.net/QgFMe/

我能想到的唯一的事情是正则表达式，但我宁愿一个非正则表达式的解决方案。

感谢

Answer 1

尝试：

$(document).ready(function() { 
    var pics = []; 
    $(this).find("img").each(function() { 
     pics.push($(this).attr("src"));                                   
    }); 

    console.log(pics); 

    var json_data = JSON.stringify(pics); 

    console.log(json_data); 
}); 

Answer 2

要解决你的JSON错误的.map()输出传递到.get()。

这种转换通过.map()返回到真正的数组伪jQuery对象：

var pics = $(this).find("img").map(function() { 
    return this.src;                                   
}).get(); 

NB：$(this).attr('src') === this.src

我不知道解决您的404错误，但 - 见上述评论。