jQuery提取元数据Metadata插件

jQuery.metadata是用来从dom对象提取元数据，即取到一个元素对象的相关属性

This plugin is capable of extracting metadata from classes, random attributes, child elements and HTML5 data-* attributes.官方网址：

 

API网址：

http://docs.jquery.com/Plugins/Metadata

代码：

Js代码  

1. <li id="Li1" class='someclass {"item_id": 1, "item_label": "Label"}'>Item 1</li>  
2. <li id="Li2" metadata='{"item_id": 1, "item_label": "Label"}'>Item 2</li>  
3. <li id="Li3">  
4.     <metadata style="display: none;">{"item_id": 1, "item_label": "Label"}</metadata>  
5.     Item 3 </li>  
6. <li id="Li4">  
7.     <script type="metadata">{"item_id": 1, "item_label": "Label"}</script>  
8.     Item 4 </li>  
9.   
10. $(function() {  
11.     $("#item1").metadata().item_id; // 1  
12.     $("#item1").metadata({  
13.         "type": "class"  
14.     }).item_id; // 1   
15.   
16.     $("#item2").metadata({  
17.         "type": "attr"  
18.     }).item_label; // "Label"  
19.     $("#item2").metadata({  
20.         "type": "attr",  
21.         "name": "metadata"  
22.     }).item_label; // "Label"   
23.   
24.     $("#item3").metadata({  
25.         "type": "elem"  
26.     }).item_label; // "Label"  
27.     $("#item3").metadata({  
28.         "type": "elem",  
29.         "name": "metadata"  
30.     }).item_label; // "Label"   
31.   
32.     $("#item4").metadata({  
33.         "type": "elem",  
34.         "name": "script"  
35.     }).item_label; // "Label"  
36. });  

 

 原文地址：http://liuna718-163-com.iteye.com/blog/1797010