使用jquery根据数组中的对象值设置列表项的宽度

我有一个数组，里面有一组对象

var country_data = [
{"country_id":1,"country":"Luxembourg","local_wage":"407","wage":"489","exchange":"0.98"},
{"country_id":2,"country":"Norway","local_wage":"3200","wage":"378","exchange":"9.57"},
{"country_id":3,"country":"Austria","local_wage":"290","wage":"337","exchange":"0.87"},
{"country_id":4,"country":"United States","local_wage":"363","wage":"363","exchange":"1"},
{"country_id":5,"country":"United Kingdom","local_wage":"284","wage":"365","exchange":"0.68"}
];

我还有一个for循环，用于从每个对象检索第三个值：

for (var i=0; i<country_data.length; i++){
    var wage = country_data[i].wage;
    $('.countries.country_'+i).css('width', wage+'px');

我想使用.css，width属性将该数字的值附加到相应列表元素的宽度

<ul class="countries">
<li class="country_1">test</li>
<li class="country_2">test</li>
<li class="country_3">test</li>
<li class="country_4">test</li>
<li class="country_5">test</li>
</ul>

---

我可以使它在数组中循环，但不能附加到相应的列表元素。非常感谢您的帮助。

您的选择错误，应予以纠正

$('.countries .country_' + i)

或

你的i参数也错了。它与0成层。您应该使用country\u数据[i]。最有可能的情况是使用country\u id

$('.country_' + i)