イメージsrcからnum値を取得する方法は？

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を分割

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/