색인 대신에 ID로 항목을 슬라이드하십시오. - 카루셀 (색인)

Question

아래 코드를 사용하면 내 단추을 클릭하면 항목 번호 3이 표시됩니다.

$('#myButton').click(function() { 
    $('#myCarousel').carousel(3); 
}); 

- 자신의 인덱스를, 자신의 ID로 항목을 표시하지 수있는 방법이

<div id="myCarousel" class="carousel slide"> 
    <div class="carousel-inner"> 
     <div class="active item">0</div> 
     <div class="item">1</div> 
     <div class="item">2</div> 
     <div id="myItem3" class="item">3</div> 
    </div> 
    <!-- Carousel nav --> 
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 

    <a id="myButton">MY BUTTON</a> 
</div> 

있습니까? 그런

somehting :

$('#myButton').click(function() { 
    $('#myCarousel').carousel($('#myItem3')); 
}); 

Answer 1

당신이 할 수있는 일

$("#myItem4").prevAll("div").length + 1 등이, 이전의 모든 형제 자매를 얻을 수를 계산하고, 1을 추가합니다 ... 그것은 내에서의 자신의 인덱스를 점점의 형제 자매

편집 : 방금 문서를 찾았습니다. 회전식 슬라이드에는 0 기반 색인이 있습니다. .carousel (4)이 네 번째 항목으로 이동했기 때문에 1 기반이라고 가정했습니다. 0 기반이므로 + 1 ...

$('#myButton').click(function() { 
    $('#myCarousel').carousel($("#myItem4").prevAll("div").length); 
});