javascript - 使用车把 js 使用 data() 将 json 值存储到 li

Question

我有一个json结构是这样的..

{
"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 车把模板..

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

如何将值 title,day,month 作为 jquery.data() 值存储到 li 中，以便我可以使用 li.data() 访问 li 的数据

Answer 1

只需将它们添加为数据属性：

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

jQuery 将能够通过以下方式访问它们.data()：

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