使用 jQuery 通过 ID 动态修改元素属性

Question

我构建了一个函数，它会改变我的 SVG 地图中的颜色，在本例中是美国。

jQuery('#map').Map('set', 'colors', {US: '#0000ff'});

那个功能对我有用。然而，给定这个国家代码和颜色数组

var ccArr = [["US","#00ff00"],["CA","#ff0000"],["MX","#0000ff"]]

如何将该数据动态应用到国家颜色？

for(var i=0;i<ccArr.length;i++){
   var CC = ccArr[i][0],
     color = ccArr[i][1];
   jQuery('#map').Map('set',' 'colors', {CC:color});
}

我想我只是不知道使用什么符号来将国家/地区代码引用为动态的并且取决于数组数据而不是固定的。在此先感谢您的帮助！！

Answer 1

创建对象并设置键

for (var i=0; i<ccArr.length; i++) {
    var CC = ccArr[i][0],
    color = ccArr[i][1];
    var obj = {};
    obj[CC] = color;
    jQuery('#map').Map('set', 'colors', obj);
}

但我认为你应该这样设置。

var obj = {};
for (var i=0; i<ccArr.length; i++) {
    var CC = ccArr[i][0],
    color = ccArr[i][1];
    obj[CC] = color;
}
jQuery('#map').Map('set', 'colors', obj);

使用 jQuery 通过 ID 动态修改元素属性

Dynamically modify element properties by ID using jQuery

javascript

maps

jquery

svg