jQuery属性选择器变量

Question

我有一个带有几个选项的选择框 - 这些选项中的每一个都对应于下面某些图像的"值"属性.我想要的功能是当selectbox值被更改时,带有相应值的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'});

Answer 2

行情搞砸了:

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