jQuery each() 方法获取多个的元素的自定义属性存入数组方式,求助!!!

发布于 2022-09-11 20:24:01 字数 2356 浏览 18 评论 0

大佬帮忙看看,如何把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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

锦上情书 2022-09-18 20:24:01

印度的data-key是空的

        var arr = [];
        $("#showData .active").each(function(){
            var $this = $(this);
            var k = $this.attr("data-key");
            var v = $this.attr("data-value");
            var original = arr[k];
            arr[k] = original!=undefined?(original+','+v):v
        });
        console.log(arr)
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文