jquery - オブジェクトの名前/値をループして、jQuery を使用して一意の div の html を置き換えます

Question

私は次のコードを使用しています：

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

$(index) は有効な構文ではないため、もちろん機能しません。

オブジェクトの各インデックスは Web ページの一意の div-id に対応しているため、dataObj にリストされているすべての div-id の html を「値」に置き換えます。それ、どうやったら出来るの？

Answer 1

有効な jQuery 構文にするには、その前に「ID」セレクターを追加するだけです。

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

Answer 2

$dataObj を使用してそれぞれにアクセスできます。

その内容に応じて、次のものが必要になる場合があります。

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

ただし、次のように each ループを実行することもできます。

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

でもそれさえ同じならいらないvalue

$dataObj.html(value);

各要素を効果的にループします。