Javascript 回调后在Flexslider中查找div

我正在使用。完成每张幻灯片后，我想查找div

.extra

的内容。我试图使用Flexslider的

after

回调函数来查找div的内容，但它找不到。它甚至找不到任何父元素或任何其他元素类

如何在完成每张幻灯片时找到

.extra

div的内容

HTML:

<div class="box">
    <div class="extra">abc</div>
    <div class="flexslider">
      <ul class="slides">
        <li><img src="image1.jpg" /></li>
        <li><img src="image2.jpg" /></li>
        <li><img src="image3.jpg" /></li>    
      </ul>
    </div>
</div>

$('.flexslider').flexslider({
    animation: "slide",
    after: function(slider) {
        var abc = $(this).parents().find('.extra').html();
        alert(abc);
    }
});

演示：

---

以下代码将对您有效：）当滑块的选择器通过

函数（滑块）

时，您需要使用

滑块

对象（位于

$（此）

）

$('.flexslider').flexslider({
    animation: "slide",
    after: function(slider) {
        var abc = slider.parents().find('.extra').html();
        alert(abc);
    }
  });