strip part of a filename with jquery/js

Question

I am using the code below to send an ID to my page:

The image names will always look like this 12.jpg 12-1.jpg 12-2.jpg 12-3.jpg e.t.c

I need to alter the line below so it will only send the 12 not the -1,-2,-3 e.t.c My code below already removes the .jpg part

var id = $(this).attr('src').split('/').pop().replace('.jpg','');

Answer 1

Remove trailing hyphen separated parts:

id= id.split('-')[0]

Answer 2

var id = $(this).attr('src').split('/').pop().replace('.jpg','');
var hyphenIndex = id.indexOf('-');
id = hyphenIndex > 0 ? id.substring(0, hyphenIndex) : id;

Answer 3

How about a regex instead?

var id = $(this).attr('src').replace( /(-\d+)?\.jpg/, '' );

Answer 4

like bobince, this should work...

var id = $(this).attr('src').split('/').pop().split('-')[0].replace('.jpg','');