<!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>
