jquery를 사용하여 배열의 객체 값을 기준으로 목록 항목의 너비를 설정합니다.

Question

배열 안에 객체가 들어 있습니다.

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"} 
]; 

I은 ​​각 개체에서 제 3 값 (임금) 검색 루프를 가지고

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

I 사용 해당 목록 요소의 폭이 수치의 값에 추가 할 .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> 

배열을 통해 반복 할 수 있지만 해당 목록 요소에는 추가 할 수 없습니다. 도움이 감사, 감사합니다.

Answer 1

당신의 선택이 잘못,

$('.countries .country_' + i) 

또는

$('.country_' + i) 

은 또한 당신의 i PARAM이 잘못해야한다. 대체로 country_data[i].country_id을 사용해야합니다.