次のような15の都市のデータを提供するJSONファイルがあります。
"New York": {
"total": 121,
"shameless": 16,
"honorable": 105,
"index": 0.132
}
私はすべての都市にdivを持っています:
<p class="pin newyork" id="New-York">
New York
</p>
JSONファイルをパーソンして、それがどの都市であるか(この場合はニューヨーク)を特定し、その都市に関連付けられた「インデックス」を取得する必要があります。
インデックスが.33未満の場合は、addClassを「ほとんど」、.66未満の場合は「かなり」、.66を超える場合は「完全に」追加する必要があります。これは次のようになります。
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);
});
}