Как запустить цикл each для каждого ключа json?

Question

[Aljo]

Ajax-запрос возвращает json такого вида:

{"color":"red","name":"gaming pad zx130","price":"12300"}

Также на странице заранее созданы элементы <span> с классами равными ключам json-массива. Т.е. есть такие:

<span class="color"></span>
<span class="name"></span>
<span class="price"></span>

Вопрос, как заменить такой код:

res = $.parseJSON(response);
$('.color').html(res.color);
$('.name').html(res.name);
$('.price').html(res.price);

На цикл each, что-то условно делающий следующее:

res = $.parseJSON(response);
jsonKey.each(function() {
$('.'+jsonKey).html(res.jsonKey);
});

Answer 1

[0xD34F]

$.each($.parseJSON(response), (k, v) => $(`.${k}`).text(v));

или

for (const [ k, v ] of Object.entries(JSON.parse(response))) {
  document.querySelector(`.${k}`).innerText = v;
}

Comments

[Aljo]

сделал так:

$.each(response, function (key, data) {
                    $('.'+key).html(data);
                })

Answer 2

[Антон Неверов]

Object.keys()

Object.keys(jsonKey).each(key => {
  const value = jsonKey[key];
  $(`.${key}`).html(value);
})