storing the json values to li using data() using handlebar js

Question

I have a json structure is like this..

{
"event": [
    {
        "ids": [
            "100",
            "101"
        ],
        "eventlist": [
            {
                "title": "Title1",
                "day": "Fri",
                "date": "2",
                "endDate": "6",
                "month": "1"
            },
            {
                "title": "Title2",
                "day": "Mon",
                "date": "5",
                "endDate": "5",
                "month": "1"
            }
        ]
    }
]
}

HTML Handlebar template..

{{#event}}
  {{#each eventlist}} 
   <li>
      <div>{{title}}</div>
      <div>{{day}}</div>
      <div>{{month}}</div>
   </li>
   {{/each}}
{{/event}}

How can i store the values title,day,month as a jquery.data() value into the li , so that i can access the data of li using li.data()

David Hellsing · Accepted Answer · 2012-08-15 12:29:45Z

3

Just add them as data attributes:

<li data-title="{{title}}" data-day="{{day}}" data-month="{{month}}">

jQuery will be able to access them through .data():

var title = $('li').data('title');

answered Aug 15, 2012 at 12:29

David Hellsing

109k44 gold badges181 silver badges214 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

storing the json values to li using data() using handlebar js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related