[英]jQuery attribute selector variable
我有一个带有几个选项的选择框 - 这些选项中的每一个对应于下面某些图像的“值”属性。 我想要的功能是当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),显然这应该有用......
任何帮助将不胜感激,谢谢!
在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');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.