通過使用jPlayer爲jPlayer讀取表中的歌曲來創建動態播放列表

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 
     } 
    }); 

});