獲取元數據

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