href onclickを複数の変数で変更する

Question

私はjsについてほとんど分かりませんので、優しくしてください。

私はもともとクラスを交換するために使用された以下のコードを使用しています。 .classNameを.hrefに変更するだけで簡単だと思っていたが、間違っていた。

私の問題は、一度動作してから停止するということです。

$(document).ready(function(){ 
    $('#click').click(function() { 
    $('#url').each(function(){ 
     var classes = ['/1','/2','/3','/4']; 
     this.href = classes[($.inArray(this.href, classes)+1)%classes.length]; 
    }); 
    }); 
}); 

EDIT： ここでは、私が使用しているhtmlです：

<a id="url" href="/0">hello</a> 

私の目標は、/ 1その後/ 2で/ 0を切り替えるというように、それぞれのonclickにすることです。

Answer 1

.attr()を使用すると、可変値を-1に設定できます。変数がclasses.lengthに達するまでclickイベントハンドラのインクリメント変数に、演算子を使用せずに変数を0にリセットします。

$(document).ready(function() { 
 
    var classes = ['/1','/2','/3','/4']; 
 
    var i = -1; 
 
    var url = $("#url"); 
 
    $('#click').click(function() { 
 
    i = (++i < classes.length) ? i : 0; 
 
    url.attr("href", classes[i]); 
 
    console.log(url.attr("href")); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
 
</script> 
 
<button id="click">click</button> 
 
<a id="url" href="/0">hello</a>

Answer 2

プロトコルfile://又はhttp://サイレントhref値が加算されるため、これが失敗します。

だからこれを変更：

$.inArray(this.href, classes) 

に：あなたの配列にそれを見て前に文字列からプロトコルを削除

$.inArray(this.href.replace(/^.*?\/\//, ''), classes) 

...。