Question

如果已经回答了这个问题，请指出我正确的方向，但是每次点击链接的HREF结尾时我都会尝试更新号码。

所以，我的链接，例如<a class="next" href="#slideshow-wrapper0">Next</a>，每次点击它，我希望它更新＆＃39; 0＆＃39;到＆＃39; 1＆＃39;然后＆＃39; 2＆＃39;等等。

有什么想法吗？这就是我提出来的......

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

单击时增加ID中的数字

3 个答案: