Question

说我有这样的事情：

<div class="carousel-inner onebyone-carosel" id="carousel-inner">
    <div class="item">
        <!--Stuff-->
    </div>
</div>

<!--Same thing again-->

<div class="carousel-inner onebyone-carosel" id="carousel-inner">
    <div class="item">
        <!--Stuff-->
    </div>
</div>

现在，当我使用$(".carousel-inner div:first").addClass('active');时，类active仅添加了第一个 div的{{1}}。第二个保持不变。

这是预期的行为吗？或者我错过了什么？

Answer 1

是的，它会将它添加到第一个div。

这样做：

$(".carousel-inner div:first-child").addClass('active');

Answer 2

.carousel-inner div:first选择第一次出现.carousel div！您可以将jquery find()用于此目的：

＆＃13;

$(document).ready(function(){
$(".carousel-inner").find("div:first").addClass('active');
  })

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="carousel-inner onebyone-carosel" id="carousel-inner">
    <div class="item">
        sdsd
    </div>
</div>

<!--Same thing again-->

<div class="carousel-inner onebyone-carosel" id="carousel-inner2">
    <div class="item">
        dfgdfg
    </div>
</div>

＆＃13;

Answer 3

:first CSS选择器返回位于div内的div元素的第一个实例，其类为carousel-inner。 AKA，.carousel-inner div

的第一个实例

如果您想在div元素的每个实例中使用.carousel-inner的第一个实例，请使用子选择器:nth-child(1)或:first-child

jQuery只替换.first（）的一个实例

3 个答案: