Jquery 单击时增加ID中的数字

如果这个问题已经得到了回答，请告诉我正确的方向，但是每次点击链接时，我都会尝试更新链接HREF末尾的数字

例如，我的链接是

，每次单击它时，我都希望它将“0”更新为“1”，然后更新为“2”，依此类推

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

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

$（文档）.ready（函数（）{
var计数=0；
$（“下一步”）。单击（函数（）{
$（“.work main content”）。追加（“”）；
});
})

干杯，

---

R

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

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

$（文档）.ready（函数（）{
var计数=0；
$（“下一步”）。单击（函数（）{
$（“.work main content”）。追加（“”）；
});
})

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

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

$（文档）.ready（函数（）{
var计数=0；
$（“下一步”）。单击（函数（）{
$（“.work main content”）。追加（“”）；
});
})

使用对象跟踪它并增加它

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

    });

var c={
货币：0，
incrm:function（）{this.curr++}
}
$（“下一步”）。单击（函数（）{
$（“.work main content”）。追加（“”）；
//使用下面的内容更新href或其他内容
$（“#无论什么”）.attr（'href'，'portfolio-link-number-'+c.curr）；
c、 incrm（）；
});

使用对象跟踪它并增加它

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

    });

var c={
货币：0，
incrm:function（）{this.curr++}
}
$（“下一步”）。单击（函数（）{
$（“.work main content”）。追加（“”）；
//使用下面的内容更新href或其他内容
$（“#无论什么”）.attr（'href'，'portfolio-link-number-'+c.curr）；
c、 incrm（）；
});

试试这个：

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

试试这个：

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

---

您的代码和需求之间存在矛盾，您要添加一个div，属性

href

在哪里？另外，您的选择器不会选择任何元素，对于类选择器，您应该使用

=>

$（'.next'）

啊，对了。对我需要更新href，而不是div。因此，如果您希望代码与需求之间存在矛盾，您需要添加一个div，

href

属性在哪里？另外，您的选择器不会选择任何元素，对于类选择器，您应该使用

=>

$（'.next'）

啊，对了。对我需要更新href，而不是div。所以你想知道他想要更新链接的

href

，而不是（仅仅）创建的

div

的count变量。他想要更新链接的

href

，而不是（仅仅）创建的

div

的count变量来回答所问的问题，而不是（错误地）暗示的问题。但我可以提供一个轻微的（坦率地说是最小的）修改，以可能节省一点额外的工作：。有没有任何方法可以检查页面上要达到的最大数量，然后在到达底部时重置？ID为的div是通过CMS生成的，因此是根据内容动态生成的。@DavidThomas，而不是（错误地）隐含的问题？真正地哦，对不起。谢谢你拉小提琴，没问题；我有时会把我的句子过分复杂化，有些@大卫托马斯。。我不是以英语为母语的人在我的句子中总是有一个bug。+1用于回答被问到的问题，而不是（错误地）暗示的问题。但我可以提供一个轻微的（坦率地说是最小的）修改，以可能节省一点额外的工作：。有没有任何方法可以检查页面上要达到的最大数量，然后在到达底部时重置？ID为的div是通过CMS生成的，因此是根据内容动态生成的。@DavidThomas，而不是（错误地）隐含的问题？真正地哦，对不起。谢谢你拉小提琴，没问题；我有时会把我的句子过分复杂化，有些@大卫托马斯。。我不是以英语为母语的人我的句子里总是有一个错误。