javascript - 从 jQuery 变量中剥离数据，增加剩余的数字，将剥离的数据放回变量中

Question

我正在尝试用 jQuery 编写一个脚本，首先获取图像标记的 src(ID 为“#image”)。

然后去除图像路径的第一部分(“images/big/”)和图像扩展名(“.jpg”)。这只留下图像名称，它只是一个数字(范围从 1 到 7)。

然后，将该数字递增 1。

然后将图像路径和图像扩展名(在开始时删除的东西)放回正确的位置。然后将这个新路径分配给 img 标签(ID 为“#image”)

本质上，该脚本旨在增加作为图像名称的数字。

这是我写的代码:

var imagePath = ( $("#image").prop("src") );
    var imagePath = imagePath.replace('images/big/', '');
    var imagePath = imagePath.replace('.jpg', '');
    var imagePath = imagePath++;
    var imagePath = "images/big/"+imagePath+".jpg";
    $("#image").attr("src", imagePath);

遗憾的是，它不起作用，它似乎只返回一个值“NaN”。您能提供的任何帮助将不胜感激。

Answer 1

问题实际上是您在递增数字时创建了一个新变量。这行是错误的:

var imagePath = imagePath++;

这会更好:

var imagePath = ( $("#image").prop("src") );
imagePath = imagePath.replace('images/big/', '');
imagePath = imagePath.replace('.jpg', '');
imagePath++;
imagePath = "images/big/"+imagePath+".jpg";
$("#image").attr("src", imagePath);  

DEMO