将城市与 div 解析 JSON 匹配

Question

我有一个JSON文件，它将提供15个城市的数据，如下所示：

"New York": {
    "total": 121,
    "shameless": 16,
    "honorable": 105,
    "index": 0.132
}

我为每个城市都有一个div：

<p class="pin newyork" id="New-York">
    New York
</p>

我需要解析 JSON 文件并确定它是哪个城市，在本例中是纽约，然后获取与该城市关联的"索引"。

如果索引小于 .33，它应该"勉强"添加类，如果它小于 .66 addClass "公平"，任何高于 .66 的 addClass "完全"。 它应该看起来像这样：

var shamelessIndex;
if (shamelessIndex < .33 ){
    $(".shamerating").addClass("barely");
}
else if (shamelessIndex < .66){
    $(".shamerating").addClass("fairly");
}
else {
    $(".shamerating").addClass("totally");
}

我有一个提取数据的函数，我只是不确定如何解析它以将城市与 DIV 匹配？

function dataStore(dataObj) {
    $.each(dataObj, function(key, value) {
        console.log(key);
        console.log(value.index);
    });
}

Answer 1

假设您只是用连字符替换城市名称中的空格以获得id，请尝试以下操作：

$.each(dataObj, function(key, value) {
    var $city = $("#" + key.replace(' ', '-'));
    var shamelessIndex = value.shameless;
    // do stuff with shameless index here...
});