获取元素数据

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