javascript - jQuery slider 索引

Question

我正在尝试复制 <h1> 中的文本.slider-item 中的标签div 到 .bx-pager 中的 anchor 标签分区例如，第一个.bx-pager-item中的 anchor 应该在第一个 .slider-item div 中包含 h1 的文本。然后是第二个 anchor 标记.bx-pager-item应该有 <h1> 的文本在第二个 .slider-item分区我的 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>

slider 结构是:

<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 个元素，它返回一个数字。

代码笔:http://codepen.io/theblindprophet/pen/JKLbXw