jQuery提取元数据Metadata插件

最新推荐文章于 2018-06-06 17:03:47 发布

hqmln

最新推荐文章于 2018-06-06 17:03:47 发布

阅读量287

点赞数

分类专栏： jquery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/hqmln/article/details/84389862

版权

jquery 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

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

代码：

    <li id="Li1" class='someclass {"item_id": 1, "item_label": "Label"}'>Item 1</li>
    <li id="Li2" metadata='{"item_id": 1, "item_label": "Label"}'>Item 2</li>
    <li id="Li3">
        <metadata style="display: none;">{"item_id": 1, "item_label": "Label"}</metadata>
        Item 3 </li>
    <li id="Li4">
        <script type="metadata">{"item_id": 1, "item_label": "Label"}</script>
        Item 4 </li>

    $(function() {
        $("#item1").metadata().item_id; // 1
        $("#item1").metadata({
            "type": "class"
        }).item_id; // 1 

        $("#item2").metadata({
            "type": "attr"
        }).item_label; // "Label"
        $("#item2").metadata({
            "type": "attr",
            "name": "metadata"
        }).item_label; // "Label" 

        $("#item3").metadata({
            "type": "elem"
        }).item_label; // "Label"
        $("#item3").metadata({
            "type": "elem",
            "name": "metadata"
        }).item_label; // "Label" 

        $("#item4").metadata({
            "type": "elem",
            "name": "script"
        }).item_label; // "Label"
    });