时间戳

首页 > 解决方案 > 如何使用 Javascript 或 jQuery 从 Array 中找到匹配的输入

javascript - 如何使用 Javascript 或 jQuery 从 Array 中找到匹配的输入

问题描述

我在这里有一个非常简单的数组：

var myArray = [
            "ca_1_50_max":6
            "ca_1_50_min":4
            "ca_2_40_max":6
            "ca_2_40_min":4
            "ca_3_30_max":6
            "ca_3_30_min":4
            "ca_4_20_max":6
            "ca_4_20_min":4
            "ca_5_10_max":6
            "ca_5_10_min":4
            "ca_6_0_max":6
            "ca_6_0_min":4
        ];

我有匹配 ID 的文本输入。不幸的是，我无权访问 HTML。如何将这些作为数据属性附加到我的输入中，如下所示：

<input type="text" data-ca_6_0_min="4" data-ca_6_0_max="6">

提前致谢！

标签： javascriptjqueryarrays

解决方案

如果您要更改数据...例如：

var myArray = [
{"data" : "ca_1_50_max",
"val" : 6},
{"data" : "ca_1_50_min",
"val" : 4},
{"data" : "ca_1_50_max",
"val" : 6},
{"data" : "ca_1_50_max",
"val" : 6},
{"data" : "ca_1_50_max",
"val" : 6},
{"data" : "ca_1_50_max",
"val" : 6}]

然后你就可以调用它例如

myArray[0].data

  • 它将从您的数组中生成 1 个数据值

myArray[0].val

  • 它将从您的数组中生成 1 个值

现在您需要创建输入...您可以这样做：

var x = document.createElement("INPUT");
    x.setAttribute("type", "text");
    x.setAttribute(myArray[0].data, myArray[0].val);
    x.setAttribute(myArray[1].data, myArray[1].val);

    document.body.appendChild(x);

推荐阅读