如何在單擊時獲得子div的.data元素

Question

我有三個圖像，每個圖像在創建時都有一些存儲在它們的div中的信息。每個存儲在div id = track＃中。我有父級的點擊處理程序，我想從點擊的特定圖像中獲取數據。出於某種原因，我只從第一張圖片獲取數據，無論我點擊哪張圖片。

 <div class="row" id="albumMenu"> 
     <div class="col-6 col-sm-6 col-lg-4" id="track1" > 
      <img class="coverart" id="track1-img" src="" ></img> 
      <p class="albumTitles" id="track1-title">/<p> 
     </div><!--/span--> 
     <div class="col-6 col-sm-6 col-lg-4" id="track2" > 
      <img class="coverart" id="track2-img" src=""></img> 
      <p class="albumTitles" id="track2-title">/<p> 
     </div><!--/span--> 
     <div class="col-6 col-sm-6 col-lg-4" id="track3" > 
      <img class="coverart" id="track3-img" src=""></img> 
      <p class="albumTitles" id="track3-title">/<p> 
     </div><!--/span--> 
     </div> <!-- /row --> 

這是我一直在尋找數據。

$("#albumMenu").click(function(){ 
    console.log($(this).children().data()); 
}); 

Answer 1

我假設你想要孩子的信息，但你選擇父母。

$("[id^='track']").on('click',function(){ 
    console.log($(this).data()); 
})