Получить данные элемента

Question

Я пытаюсь получить data-mp3 элемент, используя Jquery из следующих кнопок:

<button class="jp-play" id="playNum_<?=$counter?>" title="play" role="button" name="jp-play" tabindex="0" data-number="<?=$counter?>" data-mp3="content/mp3/<?=$midiaMP3?>"></button> 

Я попытался использовать .val() или .data() на следующее, чтобы получить это, но это не работа:

var data_mp3 = $(data).find('#playNum_'+number).find('data-mp3'); 

Answer 1

find() используется для извлечения дочерних элементов. Для получения атрибутов данных используйте data(). Попробуйте это:

var data_mp3 = $(data).find('#playNum_' + number).data('mp3'); 

Обратите внимание, что первоначальный find() вызов является излишним, поскольку атрибут id должен быть уникальным в пределах страницы, так что следующий короткий код должен работать также:

var data_mp3 = $('#playNum_' + number).data('mp3');