获取元素数据

Question

我正在尝试使用Jquery从以下按钮获取data-mp3元素：

<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');