javascript - 使用多个变量更改 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];
    });
  });
});

编辑:这是我正在使用的 html:

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

我的目标是在每次 onclick 时将/0 切换为/1，然后切换为/2，依此类推。

Answer 1

您可以使用.attr()，将变量设置为-1。在 click 事件处理程序中递增变量，直到变量达到 classes.length，然后将变量重置为 0，而不使用 Remainder运算符。

$(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>