javascript - 从字符串数组应用多个 CSS 规则？

Question

我目前为我的 jQuery 请求设置了以下设置，这意味着在页面上找到一个 id 为“myid”的元素并对其应用新的 CSS 规则。这些规则是事先不知道的，所以我首先读取一个文件并将结果存储在一个字符串数组中，偶数索引是规则，奇数索引是值。然而，jQuery 拒绝让这个工作。我翻遍了文档但无济于事，我得到的只是 words[0] 显然是 string[] 类型，而不是 string(不应该是这种情况)。

我可以就此获得一些建议吗？这是我的意思的一个例子:

var words = ["color", "blue", "font-size", "100"]; // these have been parsed from a file and formatted

$("#myid").css({words[0] : words [1], words[2], words[3]}); // This won't apply

Answer 1

我认为这段代码会对你有所帮助。我只在这个页面上测试过它。 :)

var words = ["color", "blue", "font-size", "100"];

for (var i = 0; i < words.length; i += 2){
  $("#mainbar").css(words[i], words[i+1]);
}

此循环将帮助您添加任意数量的规则，因为您正在动态读取它们。