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());
})

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

1 个答案: