例如以下HTML

01010004一次性注射器10ml

要转换成 {"ID":"01010004","Name":"一次性注射器","Specification":"10ml"} 进行存储

有什么插件或者思路

补充如下:

HTML结构:

  • 沈阳

    属于

    不属于

    包含

    不包含

    为空

    非空

    开头是

    结尾是

  • 重庆

    属于

    不属于

    包含

    不包含

    为空

    非空

    开头是

    结尾是

    属于

    不属于

    包含

    不包含

    为空

    非空

    开头是

    结尾是

  • 西安

    属于

    不属于

    包含

    不包含

    为空

    非空

    开头是

    结尾是

    属于

    不属于

    包含

    不包含

    为空

    非空

    开头是

    结尾是

  • 广州

    属于

    不属于

    包含

    不包含

    为空

    非空

    开头是

    结尾是

    属于

    不属于

    包含

    不包含

    为空

    非空

    开头是

    结尾是

  • 深圳

    属于

    不属于

    包含

    不包含

    为空

    非空

    开头是

    结尾是

    属于

    不属于

    包含

    不包含

    为空

    非空

    开头是

    结尾是

  • 长春

    属于

    不属于

    包含

    不包含

    为空

    非空

    开头是

    结尾是

    属于

    不属于

    包含

    不包含

    为空

    非空

    开头是

    结尾是

  • 上海

    属于

    不属于

    包含

    不包含

    为空

    非空

    开头是

    结尾是

    属于

    不属于

    包含

    不包含

    为空

    非空

    开头是

    结尾是

JS方法如下:(采用jQuery)

function getFilterTableData(tableID) {

var operatorMap = {

1: 'AND',

2: 'OR'

};

var conditionAndRangeMap = {

condition: function($obj) {

return $obj.children('select').val()

},

pickRange: function($obj) {

return {

val: $obj.children('select').val(),

mode: 'select'

}

},

editRange: function($obj) {

return {

val: $obj.children('input').val(),

mode: 'input'

}

},

nullRange: function($obj) {

return

}

};

var c = '.tableStyle-2-container',

h = '.tableStyle-2-operator',

b = '.tableStyle-2-content',

l = '.tableStyle-2-content-list',

li = '.tableStyle-2-content-list-unitRow',

label = '.unitRow-label';

var result = {};

var $start = $(tableID).children();

var looper = function($c, data) {

var $unitH = $c.children(h), //操作符

$unitB = $c.children(b), //内容

$unitB_children = $unitB.children(); //内容子节点

//如果有操作符

if($unitH.length) {

data.type = operatorMap[$unitH.attr('operator')];

}

//存储子节点信息

data.children = [];

//如果内容有子节点

if($unitB_children.length) {

var $unitL = $unitB.children(l); //内容 - 列表

var $unitC = $unitB.children(c); //内容 - 容器

if($unitL.length) {

var children = [];

var $lis = $unitL.children(li);

for(var i = 0, length = $lis.length; i < length; i++) {

var $label = $lis.eq(i).children(label);

var $condition = $label.next();

var $range = $condition.next();

var unitRowData = $.extend({

col: $label.text()

}, {

rel: conditionAndRangeMap[$condition.attr('class').split('-')[1]]($condition),

}, conditionAndRangeMap[$range.attr('class').split('-')[1]]($range));

children.push(unitRowData);

}

data.children.push({

children: children

});

}

if($unitC.length) {

data.children.unshift({});

looper($unitC, data.children[0]);

}

}

}

looper($start, result);

return result

}

var resultData = getFilterTableData('#businessData-filter-table');

console.log(JSON.stringify(resultData));

把html转换为json数据,HTML转成JSON数据相关推荐

  1. badatatable转成json_数据表转换成json(DatatableToJson)

    #region 转换Table为JSON数据 /// /// 转换Table为JSON数据 /// /// /// public static string TableToJson(DataTable ...

  2. 将lua数据表格 转换成json格式,xml格式

    首先转换成json,不废话直接代码: local temp = require(tableName)local function table2json(t)--将表格转换为jsonlocal func ...

  3. python 对象转换为json_Python Python对象转换成JSON

    1.从Python对象转换成JSON 如果有Python对象,则可以使用json.dumps()方法将其转换为JSON字符串. 例如: 从Python对象转换为JSON:import json # a ...

  4. QIIME2导入数据-fq数据转换成qza数据-使用方法心得

    启动QIIME2运行环境 conda activate qiime2-2019.4 ###新建并定位设置到存在fq数据的文件夹 mkdir qiime2-importing-tutorial ##建立 ...

  5. javascript 使用json 将js 数据转换成json

    如果是字符串格式的话 接的先解析成json var jsonList=pm.response.text(); var json=JSON.parse(jsonList); console.log(js ...

  6. 将Ajax请求返回的json数据,转换成json对象

    var json = eval("("+data+")");//将json类型字符串转换为json对象 注:https://www.cnblogs.com/yu ...

  7. Excel 中批量处理数据(改成 json 格式)

    如下excel: 需要处理成下面的效果: 方法: 在 C2 中输入公式: ="{"""&"code"&"" ...

  8. 从数据库查询出来的数据集合转换成 json 类型

    2019独角兽企业重金招聘Python工程师标准>>> java ---------------------------------------------------------- ...

  9. Python读取excel表格数据并绘制成柱状图 | 数据排序、柱状图颜色、标签乱码等问题通通能够解决!

    hello大家好, 我是你们的可爱丸, 我们又见面啦! python的功能十分强大, 它不仅可以用来做爬虫, 还可以用来做数据分析哦! 那么今天我就带着大家 用python 分析表格数据,并绘制成柱状 ...

最新文章

  1. vb.net播放avi动画
  2. service mesh 数据平面nginmesh
  3. md文件编辑器_可能是颜值最高的微信Markdown编辑器,用Markdown的你一定会爱上
  4. php在数据流(内存)中操纵远程数据
  5. java 垃圾回收手动回收_Java垃圾回收(4)
  6. 计算机在生活中应用视频,计算机在腐蚀防护中的应用教学视频
  7. 【Python】彩色图片转为灰度图(4行脚本搞定)
  8. 【运动学】基于Matlab模拟斜抛运动
  9. 路由器指定局域网dhcp服务器地址,路由器dhcp服务器设置局域网
  10. ps曲线操作(转载)
  11. Unity 3D VR项目 动物园
  12. js 批量坐标转换经纬度_如何批量转换为百度经纬度
  13. Java面向对象---原谅帽游戏
  14. Android简单电子书
  15. 集成算法终极模型之《神器LightGBM》—最后的高山
  16. Android 求时间差
  17. 从大数据征信看银行风控创新
  18. 量化交易 实战第七课 单因子 IC 分析
  19. 聊天消息敏感词屏蔽系统(字符串替换 str.replace(str1, *) )
  20. python元组:格式化字符串

热门文章

  1. 【英语学习】【WOTD】propitious 释义/词源/示例
  2. lazypics——用python实现漫画网站自动浏览
  3. SitePoint播客#22:Bing的Boondoggles
  4. 绿坝软件准备反诉美国密歇根大学,其在网上公布某些细节是非法的
  5. EM@三角函数诱导公式
  6. 手机PDF文件怎么转为电子书
  7. Outlook Express邮件客户端的自动化配置
  8. PolSARpro v6.0.2 处理Sentinel-1A数据
  9. 2018中国数据科学家工资究竟是多少?(最新数据)
  10. URL 地址 加密控制