jquery - Twitter bootstrap 自定义修改

Question

我有以下代码：

<div class="carousel-inner">

   <div class="carousel-inner-image"><img src="mask.png" alt=""></div>

   <div class="item">
       <img width="821" height="498" src="slide-1.png"  alt="slide 1" />
   </div>

   <div class="item">
       <img width="821" height="498" src="slide-2.png"  alt="slide 2" />
   </div>

</div>

我的问题是，当我使用左右轮播控件更改图像时，它会将活动类添加到第一个<div class="carousel-inner-image">并破坏幻灯片循环。我希望左右轮播控件仅循环通过<div class="item">not any <div>。

有没有办法指定这个？

Answer 1

如果您只需要选择与类项匹配的元素，则必须在 jQuery 函数中定义它，例如$( ".item" ). 您可能想要执行类似的操作$( ".carousel-inner > .item" )，它将选择所有具有类 item 并且是具有类 carousel-inner 的元素的子项。例子：

$( ".carousel-inner > .item" ).hide(); 
// This will hide all elements with class item that are children of elements with class carousel-inner

您可能还需要指定要选择的 .item 中的哪一个。第一个孩子，第n个孩子等等。