jQuery each() 方法获取多个的元素的自定义属性存入数组方式,求助!!!
大佬帮忙看看,如何把class为active元素的 遍历存入数组中,键值对格式 data-key的值为键,data-value为值,键名相同的话,那么data-value以,分割存入。得到如一下数组格式
<script>
var array=[
"area": "中国,香港,法国,印度",
"lang":"普通话,英语",
"year":"2017"
];
</script>
html结构是:
<div id="showData">
<div class="area">
<a class="array active" href="javascritp:;" data-key="area" data-value="中国"></a>
<a class="array active" href="javascritp:;" data-key="area" data-value="香港"></a>
<a class="array" href="javascritp:;" data-key="area" data-value="台湾"></a>
<a class="array" href="javascritp:;" data-key="area" data-value="日本"></a>
<a class="array" href="javascritp:;" data-key="area" data-value="韩国"></a>
<a class="array" href="javascritp:;" data-key="area" data-value="美国"></a>
<a class="array" href="javascritp:;" data-key="area" data-value="英国"></a>
<a class="array active" href="javascritp:;" data-key="area" data-value="法国"></a>
<a class="array" href="javascritp:;" data-key="area" data-value="德国"></a>
<a class="array active" href="javascritp:;" data-key="" data-value="印度"></a>
<a class="array" href="javascritp:;" data-key="area" data-value="缅甸"></a>
</div>
<div class="lang">
<a class="array active" href="javascritp:;" data-key="lang" data-value="普通话"></a>
<a class="array active" href="javascritp:;" data-key="lang" data-value="英语"></a>
<a class="array " href="javascritp:;" data-key="lang" data-value="日语"></a>
</div>
<div class="year">
<a class="array active" href="javascritp:;" data-key="year" data-value="2019"></a>
<a class="array " href="javascritp:;" data-key="year" data-value="2018"></a>
<a class="array " href="javascritp:;" data-key="year" data-value="2017"></a>
</div>
</div>
我自己的方式进行到这一步不知道怎么继续的了,请求大牛帮帮忙!!
<script>
var arrayName=$("#showData .active").each(function(){
var array=[$(this).attr('data-key'),$(this).attr('data-value')]
}
</script>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
印度的data-key是空的