jquery - 将城市匹配到解析 JSON 的 div

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 文件并确定它是哪个城市，在本例中是纽约，然后获取与该城市关联的“索引”。

如果索引小于 0.33，它应该 addClass “几乎”，如果它小于 0.66 addClass “相当”，任何高于 0.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...
});