jquery - jquery 更改了图像 id 脚本

Question

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

并且它的工作良好。现在我在每个图像 ID 中添加“大小”一词。像这样：

<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

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

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

工作演示

Answer 2

尝试：

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

DEMO FIDDLE

Answer 3

演示

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

Answer 4

您需要执行以下操作，它将起作用

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

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