Question

我有一个来自像“/images/slide1.jpg”这样的图片的src信息，我想将slide1交换到slide2，任何一个给我正确的方法来查找和替换img src？

Answer 1

document.getElementById('image id goes here').
    src = '/images/slide' + number + '.jpg';

如果您想获得该号码，那么在您的特定情况下，这将有效：

number = document.getElementById('image id goes here').
    src.match(/\d+/)[0];

Answer 2

以下是使用正则表达式的示例。它将src拆分为base，filename和extension（以及将文件名中的最后一个数字作为你想要增加的数字）

var img = document.getElementById('myimage'),  // image element
    regex = /^(.+\/)([^\/]+)(\d+)(\..+)$/,     // parsing regex
    matches = regex.exec(img.src);             // execute regex

// Just to be tidy - getting the matches and parsing the number
var props = {
    'base' : matches[1],
    'filename' : matches[2],
    'filenumber' : parseInt(matches[3],10),
    'extension' : matches[4] 
};

// Create the next image string
var nextImage = props.base + props.filename + (props.filenumber+1) + props.extension; 

// Set the next image
img.src = nextImage;

alert('Set image to ' + nextImage);

示例：http://jsfiddle.net/jonathon/JKtXd/

如何从图像src中检索num值？

2 个答案: