Как универсально разобрать json в блоки с помощью jquery?

Добрый день.

Есть страничка, которая формироваться видом:

<span data-jsonItem="key1" data-jsonValue="val">error</span>
<span data-jsonItem="key1" data-jsonValue="val2">error</span>
<span data-jsonItem="key2" data-jsonValue="val">error</span>
<span data-jsonItem="key2" data-jsonValue="val2">error</span>

Формирую из json с помощью jquery

function jsonUPDATE() {
  var URL = "/json.json";
  $.getJSON(URL, function(data){
    $.each(data, function (item, value) {   
        var jsonItem = "key1";
        if (item == jsonItem) {
            $.each(value, function (i, object) {
                $.each(object, function (subI, subObject) {
                    $("[data-jsonValue='"+subI+"']").html(subObject);
                });
            });
        }
    });
  });
}

сам json:

{
    "key1": [
        {
            "val": 0, 
            "val2": 0, 
            "val3": 0, 
        }
    ], 
    "key2": [
        {
            "val": 0, 
            "val2": 0, 
            "val3": 0, 
        }
    ]
}

Подскажите, как улучшить скрипт, чтобы универсально получать data-jsonItem из блока html в js и перебирать его в зависимости от существующих в нем ключей?

Сейчас я могу сделать только несколько условий из if (item == jsonItem), приравнивая jsonItem к ключу в json'e.