How to create data list as rows for more attributes by jquery

[ahmedsa]

Hi i need to create data list as rows as following shape
id 1
name ahmed
salary 1000
id 2
name mohammed
salary 2000
how to do that by jquery or html

[mawburn]

Create an array of JSON objects.

[] creates an array.
{} creates an object.

[{
  id: 1,
  name: 'ahmed',
  salary: 1000,
},
{
  id: 2,
  name: 'mohammed',
  salary: 2000,
}]

[ahmedsa]

after that how to populate json data in data list by jquery

[mawburn]

To loop over an array in JavaScript, you do something like:

for(var i=0; i < yourArr.length; ++i) {
  $('#yourList').append('<li>'+ yourArr[i].id +'</li>');
}