如何使用Javascript或jQuery从数组中找到匹配的输入

Question

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

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">

提前致谢！

Answer 1

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

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);

Answer 2

使用花括号（对象）进行多维数组声明：

var myArray = {"ca_1_50_max":6,"ca_1_50_min":4 ... }

  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 }; for(var key in myArray){ $('input').attr(key, myArray[key]); } console.log($('input')[0].outerHTML); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <input type="text" data-ca_6_0_min="4" data-ca_6_0_max="6">