Question

在我的网站上，用户点击图片。但是，在代码中，他们实际上点击了<a>，其中包含<img>。我想在用户点击它时在图像周围出现一个红色环。 <img>和<a>具有相同的ID和类。

是否可以$(this).addClass('SelectedService');向<img>内的<a>添加课程？

Answer 1

$('#ahref1').bind('click', function(){
    $(this).find('img').first().addClass("SelectedService");
});

如果您的html类似于：

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

Answer 2

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

Example

Answer 3

无需使用jssery使用css

你的HTML

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

和css

img:active
{
    border:3px solid red;

}

<强> Demo

结帐演示的上层链接

Answer 4

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

假设该类是红色环

Answer 5

而不是选择$(this)，你应该像这样使用。

$('img').addClass('SelectedService');

这将选择img标记内的a标记，并将类添加到img

在<a></a>内的<img/>添加类

5 个答案: