把jquery中获取的数组保存到html的data-XX中

最新推荐文章于 2026-08-13 15:24:15 发布

原创最新推荐文章于 2026-08-13 15:24:15 发布 · 3.7k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

jquery

当前文章被收录于：

jquery

7 篇文章 0 人学习

订阅专栏查看详情

html

当前文章被收录于：

html

2 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文详细介绍了在HTML页面中如何使用jQuery获取并操作`data-value`属性所包含的数据，通过代码实例展示了如何查找并推送到数组的数据值，并最终将数组赋值给特定的`data-XX`属性。

$this.data('value', tagsValues);

在html中代码片段：有个data-value属性

<div class="" data-value="">
                    <div class="check-product-style">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" value="白色" name="pro_color"> 白色
                            </label>
                        </div>
                        
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" value="绿色" name="pro_color"> 绿色
                            </label>
                        </div>
                    </div>



                </div>

先把数组初始化

<span style="font-size:24px;">tagsValues.length = 0;</span>

找到html中我要的数据

<span style="font-size:24px;">$("checkbox").find('input[type="checkbox"]:checked').each(function (idx, ele) {
                        tagsValues.push($(ele).attr('value'));
                    });</span>

push()，作用：向数组的末尾添加一个或多个元素，并返回新的长度。