Javascript 向div'的子元素添加类;使用jQuery使用同一个类

Javascript 向div'的子元素添加类;使用jQuery使用同一个类,javascript,html,jquery,twitter-bootstrap,Javascript,Html,Jquery,Twitter Bootstrap,我试图在每个父元素的第一个“img”元素中添加一个类,但经过几次尝试后,我无法做到这一点。我试图在每个旋转木马的第一个img中添加一个活动类,但似乎不起作用 下面是JSFIDLE链接,基本上我希望显示第一个图像,但我的jQuery不起作用 提前谢谢 您的代码工作正常(它已经将活动类附加到第一个img)。。因此,我认为您希望将活动类添加到旋转木马项目,因为引导旋转木马将活动类附加到旋转木马项目,而不是img。。请尝试下一个代码 $(document).ready(function () {

我试图在每个父元素的第一个“img”元素中添加一个类,但经过几次尝试后,我无法做到这一点。我试图在每个旋转木马的第一个img中添加一个活动类,但似乎不起作用

下面是JSFIDLE链接,基本上我希望显示第一个图像,但我的jQuery不起作用

提前谢谢

您的代码工作正常(它已经将活动类附加到第一个
img
)。。因此,我认为您希望将活动类添加到
旋转木马项目
,因为引导旋转木马将活动类附加到
旋转木马项目
,而不是
img
。。请尝试下一个代码

$(document).ready(function () {
  $('.carousel').each(function() {
    var c = this;
    $(c).find(".carousel-item").removeClass('active').filter(':first').addClass("active");
  });
});
老实说,我相信引导转盘本身有一个内置的方法,可以让您实现这一点。。我不知道这个方法,因为不幸的是我不擅长引导

$(document).ready(function () {
    $('.carousel').each(function() {
      var c = this;
      $(c).find("img").first().addClass("active");
    });
  });
$(document).ready(function () {
  $('.carousel').each(function() {
    var c = this;
    $(c).find(".carousel-item").removeClass('active').filter(':first').addClass("active");
  });
});