如何从Carousel中提取id并显示特定图像的信息？ javascript: $（'.glyphicon V形左，.glyphicon V形右'）。打开（'click'，函数 () { 变量id=$（'.carousel-inner'）.find（'item.active'）.data（'id'）； 警报（id）； $（'#myCarousel'）.bind（'slided.bs.carousel'，函数（e）{ console.log（'after'）； });

上面是我的引导旋转木马，我想获取项目活动旋转木马id，并在旋转木马下方显示有关当前图像的详细信息，无需回发，并且会有一个按钮，onclick会将数据回发到数据库。 下面的旋转木马数据将随着幻灯片的变化而变化。我已经搜索并尝试了很多选项，但没有得到结果。上面的javascript代码我试图获取id，但它不起作用。有人能对此提供指导吗

谢谢

试试看

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

试试这个：

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

---

您可以通过

attr

方法从HTML DOM元素获取任何属性的值。

@GauravBhagwatkar Try

$（'.carousel-inner'）.hasClass（'item.active'）.attr（'id'））

您得到了什么错误？或者您在警报/控制台中收到了什么值？您能够在给定的转盘上调用函数onClick吗？@gauravbhagwatkar上述脚本没有触发，我尝试对此进行修改，但也没有结果。最后，我在转盘中添加了锚定标记，并在onClick脚本上获取了id，结果如此解决了我的问题。无论如何，非常感谢你的支持。

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

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