как отправить data- * attr в функцию js? - PullRequest
Новая
       35

как отправить data- * attr в функцию js?

0 голосов
/ 01 ноября 2019

Мне нужно использовать jplayer add to playlist на моем сайте Joomla, и я буду, когда пользователь нажимает на иконку воспроизведения, jquery получает data-mp3, data-name и poster-poster из ссылки тега и добавляет к вышеупомянутой функции, чтобы добавитьэтот звук в плеере, пожалуйста, помогите мне, как это? я не могу получить атрибут data- * и отправить функцию myplaylist.add для добавления этих звуковых данных в список воспроизведения jplayer 

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

1 Ответ

0 голосов
/ 01 ноября 2019

Вам повезло, в 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>
...