jQuery img与类.css无法正常工作

时间:2012-12-19 18:01:45

标签: jquery html css jquery-selectors

我一直在寻找几个小时,为什么下面的代码不起作用:

naam = "div#" + $(naam).next('div').attr('id');
current = "img." + $(naam).attr('id');
$(current).css("border", "solid 4px #9966FF");

div的id与img中的类名相同:

<div id="michiel">

这是我想要使用代码的图像:

<img src="Images/michielsmall.jpg" class="michiel, link" alt="Michiel">

正如您所看到的,我正在尝试使用类"michiel"更改img的边框。

当我console.log(current);时,输出为:img.michiel,这是正确的。

我真的不知道为什么这不起作用,请帮忙。

2 个答案:

答案 0 :(得分:4)

这是因为班级名称

中的逗号
class="michiel, link"
              ^^------- Remove this

原来是

class="michiel link"

或..如果您希望逗号存在,请将选择器更改为

var current = "img." + $(naam).attr('id') + "\\,";

但不建议这样做

<强> Check Fiddle

答案 1 :(得分:0)

naam未定义。我做了一个jsfiddle here并查看了chrome控制台。

更新

我将您的javascript更改为$('.michiel').css('border', 'solid 4px #9966FF');如果您需要更具体,我相信您可以从此处获取它。

http://jsfiddle.net/jmutv/2/