severals 객체를 반복합니다. js

Question

개체에서 데이터를 검색하려고하는데 몇 차례 반복해야합니다. 나는 첫 번째 안에 다른 물건을 가지고있다. 여기

내가

for (var site in dataArray) { 
    var itemList = site + ' - ' + dataArray[site].username + ' - ' + dataArray[site].followers + '<div class="detail"></div>' + '<br>'; 

    $('.test').append(itemList); 

    for (var key in dataArray[site].details) { 
     var itemDetail = ' - ' + key + ' ' + dataArray[site].details[key]; 

     $('.detail').append(itemDetail); 
    } 
} 

을하려고하지만이 코드의 첫 번째 요소의 APPEND를했을 때, 다른 모든 키/값 개체를 자세히받을 것입니다. 그의 사이트 상위 사이트 개체와 관련된 세부 정보 개체 만 표시하려고합니다. http://jsfiddle.net/JeremDsgn/7EX6M/

감사 : 여기

는 바이올린입니다!

Answer 1

선택기 $('.detail')이 모두 요소 (detail)를 선택했기 때문입니다.

문자열 대신 DOM을 사용해보십시오. 나는 너에게 이것을 개인적인 조언으로 준다. 나는 당신이 지금 그것을하고있는 것처럼 문자열을 통해 HTML을 추가하는 데 익숙하다. 실제로 DOM 객체를 사용하기 시작한 이래로 자바 스크립트 언어는 더 즐거운 시간이되었습니다.

for (var site in dataArray) { 
    var itemList = site + ' - ' + dataArray[site].username + ' - ' + dataArray[site].followers; 

    var details = document.createElement('div'); 
    details.className = 'detail'; 

    for (var key in dataArray[site].details) { 
     var itemDetail = ' - ' + key + ' ' + dataArray[site].details[key]; 

     $(details).append(itemDetail); 
    } 

    $('.test').append(itemList).append(details); 
}