Recover localStorage data in your particular input!

Question

I have a code that dynamically registers input data in the localStorage.

I am trying to recover the data registered in their respective inputs, but without success.

This is the code to recover the data, but only recovers the first data registered:

$("#exibir").click(function(){
        for (var i = 0; i < localStorage.length; i++){  
        var inputs = $('input[type="text"]');
      inputs.val(localStorage.getItem(localStorage.key(i)));
  }
})

JSFIDDLE

Thanks in advance!

Answer 1

Your problem is not with the localStorage, this part of the code is perfect. The problem is with your variable inputs. Because $('input[type="text"]') returns an array with all <inputs> type text, and therefore you are calling the method .val() in an array of elements.

[ <input>, <input>, <input> ].val("9001");  // Não vai funcionar!

You need to iterate through all the elements in your array inputs and, for each one, call the .val().