Javascript 解析嵌套的JSON并插入具有值的列表项

给定此处的列表项和JSON响应，如何访问嵌套元素的每个关键帧_id并将其插入href中，如下所示：

{
    "status": "ok",
    "collection": [
        {
            "snapshot_id": 5110,
            "keyframe_id": 601
        },
        {
            "snapshot_id": 5100,
            "keyframe_id": 610
        },
        {
            "snapshot_id": 5130,
            "keyframe_id": 614
        },
        {
            "snapshot_id": 5142,
            "keyframe_id": 616
        },
        {
            "snapshot_id": 5156,
            "keyframe_id": 617
        },
        {
            "snapshot_id": 5178,
            "keyframe_id": 619
        }
    ]
}

非常简单的方法：

<ul>
<li><a href="601" class="edit">a list item</a></li>    
<li><a href="610" class="edit">a list item</a></li>  
<li><a href="614" class="edit">a list item</a></li>  
<li><a href="616" class="edit">a list item</a></li>  
<li><a href="617" class="edit">a list item</a></li>
<li><a href="619" class="edit">a list item</a></li>

非常简单的方法是：

<ul>
<li><a href="601" class="edit">a list item</a></li>    
<li><a href="610" class="edit">a list item</a></li>  
<li><a href="614" class="edit">a list item</a></li>  
<li><a href="616" class="edit">a list item</a></li>  
<li><a href="617" class="edit">a list item</a></li>
<li><a href="619" class="edit">a list item</a></li>

---

这可能是最简单的方法：

$("ul > li").each(function(i) {
    $(this).children("a").attr("href", json.collection[i].keyframe_id);
});

工作演示

---

如果需要，请使用更具体的选择器

这可能是最简单的方法：

$("ul > li").each(function(i) {
    $(this).children("a").attr("href", json.collection[i].keyframe_id);
});

工作演示

---

如果需要，请使用更具体的选择器

您将其解析为JavaScript对象，在

集合中迭代数组，并访问每个对象
keyframe\u id
属性。@FelixKling或您在大约一小时前另一个问题的注释中所做的操作，并在
元素集合上使用
.attr（）
的函数参数版本；-）@Alnitak:True:D我非常专注于解析JSON……你将它解析成一个JavaScript对象，在
集合中迭代数组，访问每个对象
keyframe\u id
属性。@FelixKling或者你在大约一小时前的另一个问题中的注释中所做的，并使用
attr（）的函数参数版本
关于
元素的集合；-）@Alnitak:True:D我非常专注于解析JSON。。。
$('ul a').attr('href', function(i) {
   return json.collection[i].keyframe_id;
});