Question

I’m sure this is really simple, but I’m having problems with it.

I have the following jQuery operations which don’t seem to be working:

$("img[id='Char_2']").attr("src", "http://image.xboxlive.com/global/t.584108a4/tile/0/2800e");

$("img[id='Char_" + Character + "']").attr("src", "http://image.xboxlive.com/global/t.584108a4/tile/0/2800d");

I’m testing it: http://jsfiddle.net/PottyMonster/M6ZqD/

What is the solution?

Answer 1

The problem is not where you think it is. It’s not in the ID, but rather, your onClick was never called.

Here’s a working example, written unobtrusively:

jQuery('img').click(function(){
    var s = $(this).attr('id');
    s = s.slice(s.length-1, s.length);
    ChangeTo(parseInt(s));
})

function ChangeTo(Character) {
    $("img[id='Char_2']").attr("src", "http://image.xboxlive.com/global/t.584108a4/tile/0/2800e");

    $("img[id='Char_" + Character + "']").attr("src", "http://image.xboxlive.com/global/t.584108a4/tile/0/2800d");

}