Jquery, перебрать ответ AJAX JSON и добавить к массиву идентификаторов элементов

Question

Я нашел несколько похожих вопросов, но не совсем то, что мне нужно. Я использую AJAX для получения статуса доступности недвижимости в режиме реального времени. Я получаю ответ для работы по мере необходимости и могу увидеть ответ в журнале консоли. Что я не знаю, как это сделать, так это перебрать ответ JSON и добавить информацию к существующим идентификаторам элементов, чтобы показать доступность.

Ответ JSON настроен так: [{status: AVAILABLE, category: 21}, {status: SOLDOUT, category: 19}]

$.ajax({
  url: bta_obj.ajaxurl,
    data: {
      'action': 'get_checkfront_items',
      'arrive' : arrive,
      'depart' : depart,
      'categories' : categories,
    },
    type: "POST",
    success:function(data) {
    var json = $.parseJSON(data);
    $(json).each(function(i,val){
      $.each(val,function(k,v){
        // here is where the magic needs to happen      
      });
    });
   },
   error: function(errorThrown){
     alert('well darn it....');
   }
 });

Существуют идентификаторы div, которые соответствуют идентификаторам категорий. Поэтому сначала нужно определить, соответствует ли идентификатор категории идентификатору div, а затем добавить статус к этому идентификатору div. Надеюсь, что это имеет смысл.

Обновление

Для тех, кто не видит прошлые простые опечатки в примере ответа JSON, я добавил скобки, которые были крайне необходимы. ...

Answer 1

Jquery предоставляет селектор идентификатора для получения элемента DOM по его идентификатору и метод text для изменения элемента DOM innerText.

$(json).each(function(i,val){
  $('#'+val.category).text(val.status);
});