jquery - 单击时增加 ID 数字

Question

如果这个问题已经得到解答，请为我指明正确的方向，但我正在尝试在每次单击链接时更新链接的 HREF 末尾的数字。

所以，我的链接例如是 <a class="next" href="#slideshow-wrapper0">Next</a>每次单击它时，我希望它将“0”更新为“1”，然后更新为“2”，依此类推。

有什么想法吗？这就是我想到的...

$(document).ready(function(){
    var count = 0;
    $("next").click(function(){
       $(".work-main-content").append("<div id='portfolio-slideshow'" + (count++) +">");
    });
})

干杯，

Answer 1

试试这个:

$('.next').click(function(){
    $(this).attr('href', function(){
      var n = this.href.match(/\d+/);
      return '#slideshow-wrapper' + ++n
    })
})

更新:

$('.next').click(function(){
    $(this).attr('href', function(){
      var n = this.href.match(/\d+/);
      if (n > 20) {
          return '#slideshow-wrapper' + ++n 
      } else {
          return '#slideshow-wrapper0'
      }
    })
})

http://jsfiddle.net/rV663/