jPlayer에 jquery를 사용하여 테이블에서 노래를 읽음으로써 동적 재생 목록 생성

Question

웹 사이트에 JPlayer를 사용하고 있습니다. 이제 경로 및 아티스트 이름이있는 테이블에서 재생 목록을 만들고 싶습니다. 지금 내가 한 것은 페이지에 표를 추가 한 후 forEach를 사용하여 경로를 읽고 재생 목록에 추가하려고했습니다. 하지만 어떻게 든 내가 혼란 스러워요 .. 가보고 을 가지고이 내가 경로를 잡아에 사용되는 코드이며

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#songsPathGridView tr').each(function() { 
      if (!this.rowIndex) return; // skip first row 
      var path = this.cells[0].innerHTML; 
      alert(path); 

     }); 
    }); 
</script> 

잘 작동하고 지금이 내가 가지고있는 재생 목록 (하드 코딩 된 값)입니다. 이 HTML 또는 무언가에 있었다 지금 만약 내가 여기에 해당 경로를 추가 한 수 있지만 jQuery 코드이기 때문에 그것을 어떻게 말씀 해주십시오 .. 여기에 재생 목록 코드

<script type="text/javascript"> 
    $(document).ready(function() { 
     var songName = "Song1"; 
     var theArtist = "The Artist"; 
     var myPlaylist = [ 
      { 
       mp3: 'music/Mad.mp3', oga: 'mix/1.ogg', title: songName, artist: theArtist, 
      }, 
      { 
       mp3: 'mix/EssentialViolet.mp3', oga: 'mix/2.ogg', title: songName, artist: theArtist, cover: 'mix/2.jpg' 
      } 
     ]; 
     $('body').ttwMusicPlayer(myPlaylist, { 
      autoPlay: false, 

      jPlayer: { 
       swfPath: '../plugin/jquery-jplayer' //You need to override the default swf path any time the directory structure changes 
      } 
     }); 
    }); 
</script> 

어떻게 든

내가 파일 경로를 얻을 싶어하고있다 동적으로 추가하십시오. 도와주세요, 고마워요.

Answer 1

나는 그것이 건설에 영향을 미칠 것이기 때문에, 당신이 테이블에 대해 사용하고있는 HTML 코드를보고 싶어하지만, 본질적으로이 방법은 작동합니다 :

$(document).ready(function() { 

    var myPlaylist = [{}]; // Empty object to push into 

    $('#songsPathGridView tr').each(function() { 
     if (!this.rowIndex) return; // skip first row 
     // Push each row's data into the myPlaylist variable 
     // Expects MP3 path at column 0, title at column 1, artist at column 2 
     myPlaylist.push({ mp3: this.cells[0].innerHTML, title: this.cells[1].innerHTML, artist: this.cells[2].innerHTML }); 
    }); 

    $('body').ttwMusicPlayer(myPlaylist, { 
     autoPlay: false, 
     jPlayer: { 
      swfPath: '../plugin/jquery-jplayer' //You need to override the default swf path any time the directory structure changes 
     } 
    }); 

});