<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.metadata.js"></script> <script type="text/javascript"> $(document).ready(function () { //default is class alert($(".media").metadata().src); alert($('li.someclass').metadata().some); var data = $('li.someclass').metadata(); if (data.some && data.some == 'data') alert('It Worked!'); //setType usage $.metadata.setType("attr", "data"); alert($("#li2").metadata().json); $.metadata.setType("elem", "script"); alert($("#li3").metadata().data); //reset to default class $.metadata.setType("class"); //single usage var data2 = $("#li4").metadata({ single: "jdata" }); alert($("#li4").data("jdata").name); //get usage var data3 = $.metadata.get(document.getElementById("li5")); alert(data3.key); }); </script> </head> <body> <object class="media {src:'/tems/upload/192168.mp3'}" data="[object Object]"></object> <ul> <li class="someclass {some: 'data'} anotherclass">...</li> <li id="li2" data="{some:'random', json: 'data...here'}">...</li> <li id="li3"> <script type="data">{some:"json",data:true}</script> </li> <li id="li4" class="{name:'zhang',age:34} otherclass">.....</li> <li id="li5" class="{key:'china',value:'beijing'}"></li> </ul> </body> </html>