我在一个文件夹中有一堆图像,它们都以数字命名。第一个在文档加载时显示。
<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 色,但我什至不确定那是否是正确的路线;我在任何地方都找不到类似的东西。
谢谢。
最佳答案
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;
});
});
关于javascript - 增加 HTML 字符串中数字的值 (jQuery),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16613937/