提问者:小点点

jQuery属性选择器变量


我有一个带有几个选项的selectbox--这些选项值中的每一个都对应于下面一些图像上的一个“value”属性。 我想要的功能是,当更改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),显然这应该可以。。。

如有任何帮助将不胜感激,谢谢!


共3个答案

匿名用户

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'});

匿名用户

引语乱七八糟:

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

匿名用户

到上面,它不再像上面提到的那样工作(尽管它也可能只是我的代码)。 单引号把代码搞乱了。 下面的代码可以工作

从jQuery 3.2.1及更高版本开始

$("#clickmap a[gruppe="+gruppeId+"]").children("path").addClass('lastClicked');

相关问题