wordpress - 获取歌曲数据并将其放入共享按钮

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中创建的，并且您可能已经在使用jQuery，因此在这种情况下:

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

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

对于艺术家:

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

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