Javascript 将类添加到<;img>;内部<;a>;

Javascript 将类添加到<;img>;内部<;a>;,javascript,Javascript,在我的网站上,用户点击图片。然而,在代码中,他们实际上是在点击一个,其中包含一个。我希望在用户单击图像时,图像周围会出现一个红环。和具有相同的id和类 是否可以有$(this).addClass('SelectedService')将类添加到中的 如果您的html类似于: <a id="ahref1" href="..."><img src="..." /></a> 不需要javascript。如果只想在单击锚定标记后更改样式,可以使用伪类:active 无

在我的网站上,用户点击图片。然而,在代码中,他们实际上是在点击一个
,其中包含一个
。我希望在用户单击图像时,图像周围会出现一个红环。
具有相同的id和类

是否可以有
$(this).addClass('SelectedService')将类添加到
中的

如果您的html类似于:

<a id="ahref1" href="..."><img src="..." /></a>

不需要javascript。如果只想在单击锚定标记后更改样式,可以使用伪类
:active


无需使用jquery和css

你的html

<img src="http://static.adzerk.net/Advertisers/12f0cc69cd9742faa9c8ee0f7b0d210e.jpg"/>


签出演示的上部链接

而不是选择
$(this)
,您应该使用这样的方式来工作

$('img').addClass('SelectedService');
这将在
a
标记内选择
img
标记,并将类添加到
img


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>    
$('#id_link').click(function(){
   $(this).toggleClass('SelectedService');
});
$('#id_link')。单击(函数(){ $(this.toggleClass('SelectedService'); });

假设类是一个红环

HTML元素不能具有相同的id。@aksU:shell not have;)您不能在一个页面中拥有相同的id。您应该在“a”标记中添加一个单击事件。类似于$('a')。单击(函数(){$('img')。添加类('SelectedService');});
$('img').addClass('SelectedService');
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>    
$('#id_link').click(function(){
   $(this).toggleClass('SelectedService');
});