javascript - カウンター内の配列の開始点としてアンカー .attr href を使用する

Question

私は現在、アンカー リンクがクリックされたときに ajax を使用してコンテンツを取得するサイトに取り組んでいます。定義済みのページ リンクの配列を使用して、カスタムの次/前のボタンを作成したいと考えています。

次のボタンがクリックされたときにページを移動するためのカウンターとして配列を使用しようとしています。しかし、現在の href 属性を開始点として使用したいと思います。次に、どのボタンがクリックされたかによって、配列をプラスまたはマイナス 1 ずつ移動します。

これが私が取り組んでいる現在のコードペンですhttp://codepen.io/veryrobert/pen/ocIhl

HTML:

<a id="value1" href="one.html">NEXT</a>
<a id="value2" href="">PREV</a>

Jクエリ:

$(function(){

  var pages = [ "one.html", "two.html", "three.html", "four.html" ];
  var prev = "#value2";
  var next = "#value1";

  // This works as a starting point
  counter = 0;
     
  // But I'd really like this to be the starting point
  // counter = $(next).attr("href");

   $(next).click(function(e){
   e.preventDefault();  
   counter = (counter + 1) % pages.length;
   
  }); 

  $(prev).click(function(e){
    e.preventDefault();  
    counter = (counter - 1) % pages.length;
    $(prev).attr( "href", counter ); 
   }); 


});

私は JavaScript があまり得意ではないので、これがばかげたアプローチであるか、完全に間違った方法で行っている場合はご容赦ください。