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++) +">");
    });
})

干杯，R

Answer 1

您在添加计数值之前关闭 id 属性

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

Answer 2

使用一个对象来跟踪它并增加它。

var c = {
   curr : 0,
   incrm: function(){this.curr++}
   }

 $("next").click(function(){
       $(".work-main-content").append("<div id='portfolio-slideshow" + c.curr +"' >");
       //use below to update href or what not
       $("#whatever").attr('href','portfolio-link-number-' + c.curr);
       c.incrm();

    });

Answer 3

试试这个：

$('.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/