이 경우 Javascript를 사용하여 데이터로 가득 찬 테이블 행을 어떻게 생성합니까?

Question

Soundmanager 2 및 sc-player을 사용하여 Soundcloud에서 트랙 메타 데이터가있는 재생 목록을 채우려고합니다.

scplayer.on("scplayer.init", function(e, track, sound) { 
    var $pl = $("#playlist"); 
    $pl.empty(); 
    // 
    var playlist = scplayer.playlist(); 
    for (var x = 0, l = playlist.length; x < l; x++){ 
     var $li = $("<li>", {"html": "Loading.."}).data('index', x).appendTo($pl); 
     (function (x, $li) { 
      //lookup the track info 
      scplayer.track_info(x).done(function (track) { 
       //console.log(track); 
       $li.html(track.title); 

      }); 
     })(x, $li);   
    } 

    $("#playlist").find('li:first').addClass('active'); 
}); 

입니다 : 여기

는 모든 트랙의 이름 목록을 생성하는 코드의 ... 나는 매우 자바 스크립트 경험이 아니에요, 그래서 이것은 조금 까다로 증명 훌륭한 시작,하지만 나는 또한 테이블 행의 테이블 셀로 재생 목록의 각 노래를 통해 다음을 추가 할 (iTunes를 생각한다) :

1. $li.html(track.title); 
2. $li.html(track.duration); 
3. $li.html(track.description); 
4. $li.html(track.playback_count); 
5. $li.html(track.favoritings_count); 
6. $li.html(track.release_year); 

을이 자신의 모든 작품은,하지만 난 그냥있어를 아무 생각도 데이터를 통해 반복하고 그것의 테이블 행을 생성 ...

Answer 1

아직 JavaScript를 배우고 있지만, for 루프에서 Array를 작성하여 재생 목록을 한 번만 반복하면서 모든 데이터를 캡처 할 수 있습니다. 그런 다음 .push() 메서드를 사용하여 해당 배열을 중첩 배열에 추가 할 수 있습니다. 그래서 배열의 배열로 끝날 것입니다. 각 배열은 특정 노래에 대한 모든 데이터를 담고 있습니다. 말이 돼?

저는 아직 JSFiddle에서 생각하고있는 것을 코딩하기에 아직 빠르지 않습니다.하지만 일단 그것을 얻고 여기에 올리면 다시 올 것입니다.