时间戳

首页 > 解决方案 > jQuery将数据属性传递给函数

javascript - jQuery将数据属性传递给函数

问题描述

我使用我的 HTML 元素将数据属性传递给 jQuery，但我似乎无法将该数据属性用作函数中的选项：

代替

    var options1 = {
        series: [60, 10, 30],

我正在尝试使用

    <div id="evaluation" class="donut" data-series="60,10,30">

    autoValues = $('#evaluation').attr('data-series');
    const evaluation = [autoValues];

    var options1 = {
        series: evaluation,
        ...
</script>

这将返回一个 NaN 错误。

标签： javascriptjquery

解决方案

属性值是一个字符串。您需要拆分字符串并解析它们以创建整数列表。

您还可以使用.data()jQuery 方法来访问data属性。

autoValues = $('#evaluation').data('series');
const evaluation = autoValues.split(',').map(Number);
var options1 = {
  series: evaluation,
};

console.log(options1);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="evaluation" class="donut" data-series="60,10,30">

推荐阅读