php - 将 href 值增加一(Javascript)

Question

我有一个有序列表

<li id="prev">
    <a href="#fragment-1>Next</a>
</li>

我想将 href 的值增加到

<a href="#fragment-1">...
<a href="#fragment-2">...
<a href="#fragment-3">...
<a href="#fragment-4">...

当单击下一个时，它应该从 4 停止并返回到 1 allso 是否可以使用 javascript

谢谢

Answer 1

首先给你的链接一个 id 以便于选择。

然后，

document.getElementById('the_id_here').addEventListener('click', function(e) {
    var n = e.target.href.split('-')[1] * 1 + 1;
    if (n > 4)
        n = 1;
    e.target.href = e.target.href.split('-')[0] + '-' + n;
}, false);

示例:http://jsbin.com/ajegaf/4#fragment-1