如何将 data-* attr 发送到 js 函数？

Question

我需要在我的joomla网站中使用jplayer添加到播放列表，当用户点击播放图标时，jquery会从标签链接中获取data-mp3和data-name和data-poster并添加到上面的函数中添加播放器中的声音 请帮助我是怎么做到的？ 我无法获取 data-* 属性并发送到 myplaylist.add 函数以将该声音数据添加到 jplayer 的播放列表中

$("#playlist-equivalent-1-a"). click(function() {
    myPlaylist.add({
        title:"title",
        artist:"artist",
        mp3:"url",
        poster: "url"
    }, true);
});

Answer 1

你很幸运，jQuery 有一个用于检索data-* 属性的内置函数： https://api.jquery.com/data/.

示例：从锚标签中获取 mp3 标题和艺术家

$('#datatag').click(function() {
  $('#output').text($('#datatag').data('title') + ' from ' + $('#datatag').data('artist') + ' is a really good song!');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<a data-artist="De Jeugd van Tegenwoordig" data-title="Sterrenstof" id="datatag">Click me to reveal my data.</a><br>
<span id="output"></span>