onclick get thumbnail url id value

Question

hopefully someone can help me. i want to get a thumbnail id value when an onclick event happens, but no luck, any ideas? thanks

<a href="test.ca/images/image-1.jpg?id=1"; onclick="swap(this); getVa(); return false;">this is a small thumbnail image</a> 

Here is the js for swapping the thumbnail:

function swap(image) { 
    document.getElementById("main").src = image.href; 
} 

now i want to access the id at the end of the thunbnail url. note this url is not a location url. thanks

Answer 1

Wrap your thumbnail imgs into anchors and set rel=<your_id> to them.
Then in jQuery you can access id via $('a.myclass').attr('rel'). So do I, maybe there are other better approaches.

Or maybe you provide some code here?

Answer 2

You can use the split() function to get the ID:

var url_split = image.href.split('=');
var id = url_split[1];

Why are you not using jQuery although you tagged your question this way?