jquery - 在 html 中预填充 jQuery 数据

Question

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

Answer 1

有 metadata plugin这可能会做你正在谈论的事情

例如，你可以这样做:(你可以通过设置一个选项来选择不同的格式)

<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!');