Slickで最後のPrevボタンにだけclassを追加したい

Question

前提・実現したいこと

Slickを使い、スライダーを作成しています。

スライダーの最後に表示される画像のPrevボタンにだけ、classを追加したいのですが、どの様に対応したら宜しいでしょうか。
よろしくお願いいたします。

該当のソースコード

<ul class="slider">
	<li><img src="img01.jpg" alt=""></li>
	<li><img src="img02.jpg" alt=""></li>
	<li><img src="img03.jpg" alt=""></li>
	<li><img src="img04.jpg" alt=""></li>
</ul>

$(function(){
	$('.slider').slick({
	infinite: false,
	slidesToShow: 1,
	prevArrow: '<button type="button" class="slick-prev-new">前へ</button>',
	nextArrow: '<button type="button" class="slick-next-new">次へ</button>'
	})
});

Answer 1

どの様に対応したら

SlickはPrevボタンをスライドごとに書き換えるのではなく共用するので、Eventを拾って現在何ページ目かを確認するなどの処理をJavaScriptで書く必要が在ると思います。

【slick - the last carousel you'll ever need】
http://kenwheeler.github.io/slick/#Events