jquery更改了图像id脚本

Question

我有这段代码：http://jsfiddle.net/fGHmF/2/

和它的工作好。 现在我向每个图像id添加单词“size”。像这样：

<img src='images/size1.png' alt='img1' id='size1' />
<img src='images/size2.png' alt='img2' id='size2' />
<img src='images/size3.png' alt='img3' id='size3' />
<img src='images/size4.png' alt='img4' id='size4' />

因为我更改了脚本不再有效的ID：http://jsfiddle.net/6RTr7/

我需要在脚本中进行哪些更改才能使其正常工作？

Answer 1

更新onReady回调中id变量的值：

$(document).ready(function(){
    var id = "size2";
    $("#dogSizeBox #"+id).addClass('border-highlight');
})

<强> Working Demo

Answer 2

尝试：

$(document).ready(function(){
    var id = "2";
    $("#dogSizeBox #size"+id).addClass('border-highlight');
});

的 DEMO FIDDLE

Answer 3

DEMO

$(document).ready(function(){
    var id = "size2";
    $("#dogSizeBox #"+id).addClass('border-highlight');
})

Answer 4

您需要以下内容才能正常工作

$("#dogSizeBox #size"+id).addClass('border-highlight');

我在“＃”符号后面添加了“size”这个词，在fiddler上进行了测试并且正在运行。