html代码转json

HTML代码转JSON是一个常见的需求，因为HTML代码是文本格式的，而JSON是一种轻量级的数据交换格式，使用更加灵活方便。下面介绍一种将HTML代码转换成JSON格式的方法。

//将HTML代码转换成JSON格式的函数function htmlToJSON(html) {
  var json = {
}
    ;
      var elements = $(html);
    //递归遍历HTML代码中的每个标签  elements.each(function(index) {
        var element = elements.eq(index);
        var tagName = element.prop('tagName').toLowerCase();
        var attributes = element.attr();
        var value = element.html();
        var children = element.children();
        //如果标签没有子元素，则转换成键值对的形式    if (children.length == 0) {
          json[tagName] = value;
          if (Object.keys(attributes).length >
 0) {
            json[tagName + 'Attributes'] = attributes;
      }
    }
    //如果标签有子元素，则将子元素递归转换成JSON格式    else {
      if (!json[tagName]) {
            json[tagName] = [];
      }
          var childJSON = htmlToJSON(element.html());
          json[tagName].push(childJSON);
          if (Object.keys(attributes).length >
 0) {
            childJSON[tagName + 'Attributes'] = attributes;
      }
    }
  }
    );
        return json;
}
    //使用示例var html = 'div class="container">
    p class="text">
    Hello, World!/p>
    /div>
    ';
    var json = htmlToJSON(html);
    console.log(json);
//输出结果{
  "div": [    {
      "p": "Hello, World!",      "pAttributes": {
        "class": "text"      }
    }
  ],  "divAttributes": {
    "class": "container"  }
}
    

使用上述方法可以将HTML代码转换成JSON格式，方便进行数据处理和交换。需要注意的是，该方法只适用于简单的HTML代码，如果HTML代码中有复杂的嵌套关系和属性，则需要进行一定的调整。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！