прибудете индекс DIV на страницу загрузки JQuery

Question

я есть jsfiddle

<div class="slider"> 
    <div class="slide"></div> 
    <div class="slide active"></div> 
    <div class="slide"></div> 
</div> 

$(document).ready(function(){ 
    var listItem = $(".slide.active"); 
    alert("Index: " + $(".slider").index(listItem)); 
}); 

Его дает мне индексом -1 как я получаю индекс класса активной загрузки страницы

Answer 1

попробовать

$(document).ready(function(){ 
    alert("Index: " + $(".slide.active").index()); // return 1 (index start from 0) 
}); 

Answer 2

Я думаю, что вам это нужно $('.slide') вместо $('.slider'):

$(document).ready(function(){ 
    var listItem = $(".slide.active"); 
    alert("Index: " + $(".slide").index(listItem)); 
}); 

Answer 3

$(document).ready(function(){ 
 
    var listItem = $(".slide.active"); 
 
    alert("Index: " + $(".slide").index(listItem)); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div class="slider"> 
 
    <div class="slide"></div> 
 
    <div class="slide active"></div> 
 
    <div class="slide"></div> 
 
</div>

$(document).ready(function(){ 
    var listItem = $(".slide.active"); 
    alert("Index: " + $(".slide").index(listItem));//use slide instesd of slider 
});