javascript - jQuery 属性选择器变量

Question

我有一个带有多个选项的选择框 - 每个选项值都对应于下面某些图像上的“值”属性。我想要的功能是当更改选择框值时，具有相应值的 img 会用红色边框突出显示。这是代码:

function assignValue() {
  selectboxvalue = $('#Box_style').val() ;
  $('.tabContent img[value="+selectboxvalue+"]').css({border: '1px solid #c10000'});
}

$('#Box_style').change(assignValue);

查看 jquery 文档 (http://api.jquery.com/attribute-equals-selector)，显然这应该有效...

如有任何帮助，我们将不胜感激，谢谢!

Answer 1

jQuery 1.7 之前

以下将起作用:

$('.tabContent img[value='+selectboxvalue+']').css({border: '1px solid #c10000'});

jQuery 1.7 及更高版本

在 1.7 中，jQuery 更改了语法以要求 attributes 在值周围加上引号:

$('.tabContent img[value="'+selectboxvalue+'"]').css({border: '1px solid #c10000'});