将href值递增1（Javascript）

本文介绍了将href值递增1（Javascript）的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个有序列表

 < li id =prev> 
< a href =＃fragment-1>下一页< / a> 
< / li>

$ b b

我想将 href 值增加到

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

当下一个被点击时，它应该从4开始并返回到1所有是可能的所有

谢谢

解决方案

首先为您的链接添加一个 id p>

然后，

  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）;

示例：

I have got a ordered list

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

I want to increment the href value to

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

When the next is clicked it should stop from 4 and return to 1 allso is it possible with javascript at all

Thank you

解决方案

Give your link an id first to make it easier to select.

Then,

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);

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

这篇关于将href值递增1（Javascript）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！