jquery - 如何在 JavaScript 中将下一个数字添加到字符串中

标签 jquery

单击按钮时,我想获取网址的最后一部分,并将最后一段字符串替换为大一个数字。例如从 img15.jpg 到 img16.jpg。以下代码保存了网址的最后一部分,但我不确定如何迭代数字。

$('.next').on('click',function(){
        parts = modalContainer.find('img').attr('src');
        array = parts.split('/');

        lastsegment = array[array.length-1];

})

最佳答案

您可以使用 Substring 函数获取示例中的数字“15”,然后使用替换函数将该数字替换为数字+1。

var str = "img15.jpg";
var res = str.substring(3,str.length-4);
alert('new file is: ' + str.replace(res,parseInt(res)+1));

考虑到在子字符串中你需要知道文件的长度(以便知道从哪里开始),例如“img”有3个字符,那么你将以字符串的长度减4结束由于文件的点和扩展名,例如“.jpg”有 4 个字符。

这里有一个带有示例的 jsfiddle:

https://jsfiddle.net/6xdaenom/1/

关于jquery - 如何在 JavaScript 中将下一个数字添加到字符串中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44668356/

相关文章:

javascript - jqxTree : Changing font color after initialization

jQuery .clone() 和 Microsoft Explorer(bug?)

jquery - 将 jQuery ajax() 与 Perl 一起使用会导致成功时闪烁

javascript - 简单的形式跳过验证/发送并直接发送到 ajax 消息

javascript - jquery keyup 函数后,ajax 请求未提交到数据库

javascript - HTML 不响应媒体查询

javascript - jquery 跳转到没有动画的页面

javascript - 执行jquery延迟和队列:false negate each other?

javascript - 右侧的 float 组件指示页面中的部分

jquery-ui - 提示提示仅适用于 ajaxpost 之后的第二次悬停