javascript - 如何从轮播中获取id并显示特定图像的信息？

Question

<div id='myCarousel' class='carousel slide' data-ride='carousel' data-
interval='false'>
  <div class='carousel-inner'>
    <div class='item active' id='111'>
      <img  src='111.jpg' alt='Image 1'/>
    </div>
    <div class='item' id='112'>
      <img  src='112.jpg' alt='Image 2'/>
    </div>
    <div class='item' id='113'>
      <img  src='113.jpg' alt='Image 3'/>
    </div>
  </div>
  <a class='left carousel-control' href='#myCarousel' data-slide='prev'>
    <span class='glyphicon glyphicon-chevron-left'></span>
    <span class='sr-only'>Previous</span>
  </a>
  <a class='right carousel-control' href='#myCarousel' data-slide='next' 
  onclick='getid()'>
    <span class='glyphicon glyphicon-chevron-right'></span>
    <span class='sr-only'>Next</span>

  </a>
</div>

javascript : 
$('.glyphicon-chevron-left, .glyphicon-chevron-right').on('click', function 
() {
   var id = $('.carousel-inner').find('item.active').data('id');
   alert(id);

$('#myCarousel').bind('slid.bs.carousel', function (e) {
   console.log('after');
});

上面是我的 bootstrap carousel 我想获取项目事件 carousel id 并在没有回发的情况下在 carousel 下面显示有关当前图像的详细信息，并且还会有一个按钮，onclick 会将数据回发回数据库。旋转木马下方的数据将随着幻灯片的变化而变化。我进行了搜索并尝试了很多选项但没有得到结果。在 javascript 代码之上，我试图获取 id 但它不起作用。任何人都可以指导这个吗？

谢谢

Answer 1

尝试

   console.log(slide.$slides.get(index).attr('id'))