如何解决jQuery属性选择器变量
| 我有一个带有多个选项的选择框-每个选项值对应于下面某些图像上的\“ value \”属性。我想要的功能是当更改选择框值时,带有相应值的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\');
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。