javascript - 访问 div 标签的值

Question

我有以下 HTML 结构:

    <div class="swiper-container2">
                        <div class="swiper-wrapper">

                            <div class="swiper-slide"><h3>January</h3></div>
                            <div class="swiper-slide"><h3>February</h3></div>
                            <div class="swiper-slide"><h3>March</h3></div>
                            <div class="swiper-slide"><h3>April</h3></div>
                            <div class="swiper-slide"><h3>May</h3></div>
                            <div class="swiper-slide"><h3>June</h3></div>
                            <div class="swiper-slide"><h3>July</h3></div>
                            <div class="swiper-slide"><h3>August</h3></div>
                            <div class="swiper-slide"><h3>September</h3></div>
                            <div class="swiper-slide"><h3>October</h3></div>
                            <div class="swiper-slide"><h3>November</h3></div>
                            <div class="swiper-slide"><h3>December</h3></div>

                        </div>
                        <!-- Add Pagination -->

                        <!-- Add Arrows -->
                        <div id="swiperNext" class="swiper-button-next"></div>
                        <div id="swiperPrevious" class="swiper-button-prev"></div>
                    </div>

上面是我加载到我的 slider 中的月份列表，它充当滑动器。这些是滑动按钮(基本上是 div 标签):

   <div id="swiperNext" class="swiper-button-next"></div>
    <div id="swiperPrevious" class="swiper-button-prev"></div>

我在 jquery 中创建了点击事件，如下所示:

 $('#swiperNext').click(function(e)
   {
      alert('Next button pressed');
   });
   $('#swiperPrevious').click(function(e)
   {
       alert('Previous button pressed');
   });

现在我应该在 slider (月份名称)中获取当前值并将 slider 中的值传递给 JS onclick 函数，然后该函数将传递到我的 PHP 函数中......有人可以指出我在正确的方向？

谢谢!

Answer 1

在文档中找到这个: swiper-slide-active 是当前事件元素的类名，因此:

$('.swiper-slide-active').html() 不工作

但是 $('.swiper-slide-active h3').html() 确实有效。

( http://idangero.us/swiper/api/#.V0f-6L52OPs )