为对象添加关联数据！！
我在下面定义了一个对象
var datalist={
labelList:[]
}想在按键点击的时候，把labelbox下的标签1、标签2和所对应
labelms下标签1、标签2的数据联系在一起，要怎么写?格式如下:
var datalist={
labelList:[
{
'标签1' : {
'功效' : ["中国"、"美国"、"日本"]
}
},
{
'标签2' : {
'功效' : ["花菜"、"油菜"]
}
}
]
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<style type="text/css">
.labelbox{width:100px;height:100px;overflow:hidden;border:1px solid red;position:relative;}
.labelbox div{position:absolute;}
.labelbox div.tip1{left:10px;top:20px;}
.labelbox div.tip2{left:60px;top:50px;}
.labelms div{height:30px;line-height:30px;}
.labelms span{margin:0 10px;}
</style>
</head>
<body>
<div class="labelbox">
<div class="label_tip tip1" data-lable="标签1">标签1</div>
<div class="label_tip tip2" data-lable="标签2">标签2</div>
</div>
<div class="labelms">
<div class="dos" data-lable="标签1">标签1:<span>中国</span><span>美国</span><span>日本</span></div>
<div class="dos" data-lable="标签2">标签2:<span>花菜</span><span>油菜</span></div>
</div>
<input type="button" value="保存" />
<script type="text/javascript">
$(function(){
var datalist={
labelList:[]
}
})
</script>
</body>
展开
收起
1
条回答
写回答
写回答
-
var datalist={ labelList:[] }; $(".label_tip").each(function () { let obj = {}; let txt = $(this).html(); let lst = []; obj[txt] = {}; $("div[data-lable="+txt+"] span").each(function () { lst.push($(this).html()); }); obj[txt]['功效'] = lst; datalist.labelList.push(obj); });2019-07-17 19:20:30赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
