Перебирайте имя / значения объекта, чтобы заменить html в уникальных div, используя jQuery

Question

Я использую следующий код:

  $.each($dataObj, function(index, value) {
    $(index).html(value); 
  });

Что, конечно, не работает, поскольку $ (index) не является допустимым синтаксисом.

Каждый индекс в объекте соответствует уникальному div-идентификатору на веб-странице, поэтому я хочу заменить html во всех div-идентификаторах, перечисленных в dataObj, на «значение». Как мне это сделать?

Answer 1

Вы можете использовать $ dataObj для доступа к каждому.

В зависимости от содержимого вы можете захотеть:

$dataObj.eq(index).html(value);

Однако кажется, что вы также можете захотеть сделать каждый цикл следующим образом:

$dataObj.each(function(i, value){
  $(this).html(value);
});

Но даже в этом нет необходимости, если все одинаково value

$dataObj.html(value);

Будет эффективно проходить через каждый элемент для вас.

Answer 2

Чтобы сделать его правильным синтаксисом jQuery, просто добавьте селектор 'ID' перед ним:

$.each($dataObj, function(index, value) {
  $('#' + index).html(value); 
});