jQuery addClass example

Change class name on click in jQuery

by Daniel Gasser

HTML

<div id="test">

</div>

CSS

span { border: 1px solid;
display:block;}

JavaScript

var example = [
    {
       one: "foo",
       two: "bar",
       three: "baz",
       next: {
                and: 123,
                so: 456,
                on: 789
             }
    },
    {
       eins: "ein foo",
       zwei: "zwei bar",
       drei: "drei baz",
       naechst: {
                und: 4123,
                so: 4565,
                weiter: 07897
             }
    },
    {
       une: "une foo",
       deux: "deux bar",
       trois: "trois baz",
       prochaine: {
                et: 41235,
                puis: 84565,
                quoi: 078976
             }
    }
];

$(document).ready(function () {
  $.each(example, function(counter, item) {
    $('#test')
          .append('<span>' + item.one + '</span>')
          .append('<span>' + item.two + '</span>')
          .append('<span>' + counter + '</span>')
          
  });
  $('#test').append('<span>' + example[1].zwei + '</span>')
});