在html中预填充jQuery数据

Question

jQuery有非常酷的功能/方法".data",我想知道是否有一种方法可以在代码中包含数据,以便jQuery可以在完成html的渲染时使用它.假设我有一个转发器并循环出来的孩子,我想在没有使用类等的情况下向这些孩子添加一些数据.我是否必须向该转发器添加javascript只是为了向"jquery的数据"添加内容或者是否有一些更好的办法？

Answer 1

有元数据插件可能会做你正在谈论的事情

例如，您可以这样做：（您可以通过设置选项来选择不同的格式）

<li class="someclass {some: 'data'} anotherclass">...</li>
OR
<li data="{some:'random', json: 'data'}">...</li>
OR
<li><script type="data">{some:"json",data:true}</script> ...</li>
OR
<li data-some="'random'" data-json="'data'">...</li>

之后你可以简单地执行以下操作：

var data = $('li.someclass').metadata();
if ( data.some && data.some == 'data' )
    alert('It Worked!');