javascript - 使用 javascript/jQuery 更改 JSON 数据的图像源

Question

我尝试使用从另一个页面发送过来的 JSON 数据更改一组图像的来源，JSON 数据如下所示:

var jsondata = {
    "images": [
    {"src": "images/bgset.jpg"},
    {"src": "images/ar006.png"},
    {"src": "images/br006.png"},
    {"src": "images/cr006.png"},
    {"src": "images/dr006.png"},
    {"src": "images/er001.png"},
    {"src": "images/tr004.png"},
    {"src": "images/tr011.png"}
]}

我正在尝试使用 .imageset 类更改图像集的 src 值。我也很努力想办法将第一个保留在 JSON 数据中 {"src": "images/bgset.jpg"}。我不知道如何解决这个问题。我什至不确定如何从这些数据中获取值!

更新

谢谢各位的解答!根据我目前创建的答案:

var jsonStr = location.search.substring(1).split('=');
var obj = JSON.parse(unescape(jsonStr[1]));
var jsondata = JSON.parse(obj.jsondata);
var aa = jsondata.images.length;
var ab = jsondata.images.slice(1, aa); // this part removes the first src
var ac = $(".imageset");
// here is the confusion part i found this will go through the set
for( var i = 0; i < aa; i++ ) {              
}
// and this will go through each class
ac.each( function() {
})

我如何加入这两个代码可以为每个类放置一个图像源？

Answer 1

jQuery 有一些非常好的函数可以满足您的需求。尝试在这里查看它们: http://api.jquery.com/jQuery.parseJSON/

这应该教如何用代码“读取”JSON。

现在对于图像源，也使用 jQuery。您可以使用

$(".imageset").attr("src", jsondata[0].src);

例如。

如果你想循环使用 imageset 类的所有图像，你可以使用 for/foreach 循环(google 一下，很简单)