slick.jsの中でdotsそれぞれにクラスまたはidをつけることは可能でしょうか？

前提・実現したいこと

javascript初心者です。
ライブラリのslick.jsを使用しているのですが、スライドショーのカスマイズで困っています。
slick.jsの中でdotsそれぞれにクラスまたはidをつけることは可能でしょうか？
各ボタンで違う動きをさせたいのですがわかりません。

クリックしたら、それぞれ違うカテゴリーページに変わるというシステムを作りたいです。(もっと見る部分が変わる)
if文なども必要なのかなと思うのですが、何卒宜しくお願いします。

このソースでは、当然yahooにしか行かないと思うのですが、if文？配列？を使用して
例えば,yahoo,google,youtubeなどdotsボタンで制御したいです。

発生している問題・エラーメッセージ

エラーメッセージ


### 該当のソースコード

<HTML>
 <div>
        <ul>
          <li>これはテスト1</li>
        </ul>
      </div>
      <div>
        <ul>
          <li>これはテスト2</li>
        </ul>
      </div>
      <div>
        <ul>
          <li>これはテスト3</li>
        </ul>
      </div>

    <div class="show-more btn spDisplayNone">

      <a href="/" class="btnMore">
        もっと見る
      </a>
    </div>

<javascript>

    <script type="text/javascript">
      $(document).ready(function ()
      {

        $(".center").slick({
          dots: true,
          infinite: true,
          centerMode: true,
          slidesToShow: 1,
          slidesToScroll: 1,
          autoplay:false,
        });
      });

    $(function(){
        $(".center").click(function(){
        $(".btnMore").attr("href", "http://yahoo.jp");
    });
});
      </script>

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

kei344

2018/12/15 04:52

「違うURLに変わる」とは？別ページに移動するということでしょうか。

map111

2018/12/15 04:58

説明足らずで申し訳ございません。ページ内遷移を目的としております。カテゴリーをいくつか作ろうと思うのですが、スライドボタンでURLも自動で変化するというものなのですが。。。参考サイト→https://www.slow-style.com/ コチラの項目※ショップニュース※の作りがりそうなのですが......

kei344

2018/12/15 05:07

ショップニュースの「総合」「グルメ」を押してもURLは変わりませんが、別の箇所でしょうか。

map111

2018/12/15 05:12

何度もすみません。。。ショップニュースの「総合」「グルメ」クリック→下にある｛もっとみる｝の部分のURLのことでした。。。お手数おかけしてすみません。