質問: 仕事でslickを用いてスライドショーを作成しています。 その際「現在のページ/総ページ数」という表示にしなくてはならず下記のコードで記述。 同じclassで動いているため複数のスライダーが連動して動いてしまうことに加え総ページ数がどれかの最大数となってしまいます。(※1個目が4枚で2個目が2枚の場合4が表示されます。) 単純に別classやidを指定してjsを複製すれば動くのですが、それはせずにindexやeachなどを使用して複数に対応できないでしょうか? ``` ・ ・ ・ ``` ``` $(function() { $('.slick').on('init', function(event, slick) { $(this).append(' / '); $('.current').text(slick.currentSlide + 1); $('.total').text(slick.slideCount); }) .slick({ slickのオプション指定してます }) .on('beforeChange', function(event, slick, currentSlide, nextSlide) { $('.current').text(nextSlide + 1); }); }); ```
回答: `$('.current', this)` としてみてください。