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

时间:2012-03-22 15:53:50

标签: jquery json

我通过ajax得到一些html内容,并且在回调中我想得到所有src路径并将它们转换为json。我总是得到404错误,因为它加载了图像。我怎样才能加载它?另外,我收到错误:Uncaught TypeError:将循环结构转换为JSON

以下是演示:http://jsfiddle.net/QgFMe/

我唯一能想到的是正则表达式,但我更喜欢非正则表达式解决方案。

由于

2 个答案:

答案 0 :(得分: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);
});

答案 1 :(得分:0)

要解决您的JSON错误,请将.map()的输出传递给.get()

这会将.map()返回的伪jQuery对象转换为实数数组:

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

注意:$(this).attr('src') === this.src

我不知道你的404错误的解决方案 - 请参阅上面的评论。