Traverse json data using jquery

11,353

Solution 1

Quite simple, use jQuery.each:

$.each(data, function (index, item) {
  console.log(item);
});

But, you don't really need jQuery for this simple task, give the native Array.prototype.forEach a try:

data.forEach(function (item) {
  console.log(item);
});

If you have to support older browsers and don't want to depend on a library, a for-loop could to the trick:

for (var i = 0; i < data.length; ++i) {
  var item = data[i];
}

Solution 2

<script>

var data = [
  {
    id: "79",
    title: "Web+Infographics",
    path: "web-infographics"
  },
  {
    id: "80",
    title: "Miscellaneous",
    path: "miscellaneous"
  },
  {
    id: "81",
    title: "Entertainment",
    path: "entertainment"
  }
];

$.each(data, function(key, value) {
    alert(value.id + ", " + value.title + ", " + value.path);
});

</script>
Share:
11,353
Admin
Author by

Admin

Updated on June 17, 2022

Comments

  • Admin
    Admin almost 2 years

    I have following json data

    [
      {
        id: "79",
        title: "Web+Infographics",
        path: "web-infographics"
      },
      {
        id: "80",
        title: "Miscellaneous",
        path: "miscellaneous"
      },
      {
        id: "81",
        title: "Entertainment",
        path: "entertainment"
      }
    ]
    

    and i want to get the id, title and path out of it using jquery how can i do that? Thanks in advance.