获取歌曲数据并将其放入分享按钮

Question

<ul id="audio-player-playlist">    
<li class="playlist_item" data-song_title="title" data-song_artwork="" data-song_file="http://example.com/mysong.mp3" data-song_artist="Artist"></li>
<li class="playlist_item" data-song_title="title" data-song_artwork="" data-song_file="http://example.com/mysong.mp3" data-song_artist="Artist"></li>
<li class="playlist_item current" data-song_title="title" data-song_artwork="" data-song_file="http://example.com/mysong.mp3" data-song_artist="Artist"></li>
</ul>

这是我的音频播放器生成的列表。当我点击播放时，playlist_item_current课程会添加到正在播放的歌曲中。

问题是我希望用户能够分享播放的歌曲。如何获取当前歌曲的数据并将其放入我的分享按钮？

Answer 1

我怀疑您使用的音乐播放器是在javascript＆amp;你可能已经在使用jQuery，所以在这种情况下：

在jQuery中，您可以轻松执行以下操作，从当前正在播放的歌曲中检索歌曲名称：

$('.playlist_item.current').data('song_title');

对于艺术家：

$('.playlist_item.current').data('song_artist');

这些函数将返回必要的数据。