Jquery按id查找元素作为变量

Question

Im using jquery to get a list of objects from the server. Every object has two fields id and singleValue (on the server both of them are Strings). I want to iterate over the list and put values in the correct elements.

for(var i=0;i<response.listOfObjects.length;i++){
    $(response.listOfObjects[i].id).val(response.listOfObjects[i].singleValue);
}

Nothing happend by running this code. List has correct values (checked it by alert("id: " + response.listOfObjects[i].id + " singleValue: " + response.listOfObjects[i].singleValue); )

I also tried to do

$('#' + response.listOfObjects[i].id).val(response.listOfObjects[i].singleValue);

but still doesn't work.

How is it possible to solve this problem?

@EDIT the html looks like:

<div class="field-group" style="display: block;" original-title="" title="">
   <label for="customfield_13307">PCN</label>
   <input class="textfield text long-field" id="customfield_13307" name="customfield_13307" maxlength="254" type="text" value="">
   <div class="description">EPCN</div>
</div>

The id from the object is the id of the input.

@EDIT I used JSON.stringify(response):

    {
   "name":"ATB",
   "listOfObjects":[
      {
         "id":"customfield_13305",
         "type":"single",
         "singleValue":"21766"
      },
      {
         "id":"customfield_13307",
         "type":"Text",
         "singleValue":" aaaa"
      },
      {
         "id":"customfield_13308",
         "type":"Text",
         "singleValue":" bbbb"
      }
   ]
}

Answer 1

Based on author's code, I assume, that the expected output is [{id:singleValue}] . In this case I suggest you to use Array.reduce() method which perfectly does work for you. I've tried to add few comments in the code:

 const response = { // sample response for testing purpose listOfObjects: [{ id: 'id1', singleValue: 1 }, { id: 'id2', singleValue: 2 }, { id: 'id3', singleValue: 3 }, ] } const mapped = response.listOfObjects.reduce(function(accumulator, currValue) { // here goes simple object transformation let obj = {}; obj[currValue.id] = currValue.singleValue; accumulator.push(obj); return accumulator; // each iteration should retrun accumulator }, []); // here you define starting object for your reduce method console.log(mapped);