javascript - jQuery replacing only one instance of .first() -

say have this:

<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> 

now, when use $(".carousel-inner div:first").addclass('active');, class active added div of first carousel-inner. second 1 remains is.

is expected behavior? or missing something?

yes, add first div only.

do this:

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