javascript - 增加 HTML 字符串中数字的值 (jQuery)

Question

我在一个文件夹中有一堆图像，它们都以数字命名。第一个在文档加载时显示。

<img src="image/01.jpg" />

我想使用 jQuery 浏览图像。换句话说，我想将 HTML 转换为字符串，然后增加当前“01”的值。

到目前为止我有:

$(document).ready(function(){
  $("button").click(function(){
    var $n = $("img").html(htmlString(17));
    $n.val(Number($n.val())+1);
  }); 
});

我确定我完全错误的一点是数字的选择(即 delcaring var $n。我试图将 HTML 转换为字符串并计数沿着 Angular 色，但我什至不确定那是否是正确的路线；我在任何地方都找不到类似的东西。

谢谢。

Answer 1

img 元素没有 html 内容，除了您使用 html 作为 setter 而不是 getter。您可以使用 replace 方法替换 src 属性的值:

$('img').prop('src', function(_, src) {
    return src.replace(/\d+/, function(n) {
        var num = +n + 1;
        return num.toString().length === 1 ? '0' + num.toString() : num;
    });
});

http://jsfiddle.net/Bb84Q/