Jquery 遍历json数据/同级数据

我目前有一个json对象，我循环并输出一个链接列表

参见小提琴：

根据json中的storeID为每个链接提供一个id

我想做的是，当单击链接时，它会在json中找到id，然后将同级元素“otherData”写入#otherDataDiv

我曾经使用过遍历xml，但我不确定如何使用json来实现这一点

另一个用户之前回答了这个问题，它在测试环境中工作，但由于与beta插件jquery.tmpl.js冲突而无法在站点上工作。我宁愿在没有插件的情况下这样做。（jquery.tmpl.js版本-）

---

（这里xml是首选方法吗？

我不想在每次单击时重新遍历JSON，而是采取不同的方法，减少一些字符串连接，直接创建元素，并使用jQuery的

.data（）

将每个项的

“otherData”

与元素关联：

function GenerateMarkup(states, className) {
    $('<ul>', {'class':className}).append($.map(states, function (v,i) {
       return $('<li>')
            .append($('<h3>',{text:v.stateName}))
            .append($.map(v.store, function (value, index) {
                return $('<a>',{href:value.storeURL,'class':'storeInactive',id:value.storeID, text:value.storeName})
                    .data('otherData',value.otherData)
                    .click(function(){
                        $('#otherDataDiv').text($(this).data('otherData'));
                        return false;
                    })[0];
            }))[0];

    })).appendTo('#storeList');
}

函数生成器标记（状态、类名）{
$（“
”，{'class'：className}）.append（$.map）（状态，函数（v，i）{
返回$（“
”）
.append（$（''，{text:v.stateName}））
.append（$.map）（v.store，函数（值，索引）{
return$（'
我已经让它满足了我的需要-谢谢！不确定是谁投了反对票，如果那个人愿意发表评论，我很想听听为什么