Jquery 如何在单击时获取子div的.data元素

我有三个图像，每个图像在创建时都有一些信息存储在它们的div中。每个存储在div id=track#中。我在父对象上有click处理程序，我希望从单击的特定图像中获取数据。出于某种原因，我只从第一张图片中获取数据，不管我点击哪一张

      <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 -->

---

我假设您想要子信息，但您选择的是父项

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

---

是否要获取有关图像单击的信息？那么目标类覆盖率是多少？

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