jQuery滑塊索引

Question

我試圖將 div中的<h1>標記中的文本複製到.bx-pager div中的定位標記。例如，第一個.bx-pager-item中的錨應在第一個.slider-item div中包含h1的文本。然後，第二個.bx-pager-item中的錨標記應在第二個.slider-item div中包含<h1>的文本。我的jQuery代碼有什麼問題，導致它不能做我想要的嗎？

我的jQuery代碼：

$(window).load(function(){ 
    $("#pagination .bx-pager-item").each(function(){ 
    var whichPos = $(this).index(); 
    var whichSlide = $('.slider-item').index(whichPos).find('h1').text(); 
    $(this).find('a').text(whichSlide); 
    }); 
}); 

分頁：

<div id="pagination"> 
    <div class="bx-pager-item"><a href="#"></a></div> 
    <div class="bx-pager-item"><a href="#"></a></div> 
    <div class="bx-pager-item"><a href="#"></a></div> 
</div> 

滑塊結構爲：

<div class="bxslider"> 
    <div class="slider-item"> 
    <h1>Header</h1> 
    </div> 
    <div class="slider-item"> 
    <h1>Header 2</h1> 
    </div> 
    <div class="slider-item"> 
    <h1>Header 3</h1> 
    </div> 
</div> 

Answer 1

變化：

var whichSlide = $('.slider-item').index(whichPos).find('h1').text(); 

到：

var whichSlide = $('.slider-item').eq(whichPos).find('h1').text(); 

index沒有得到第n個元素，它返回一個數字。

CodePen：http://codepen.io/theblindprophet/pen/JKLbXw