addClass到<img>里面<a>

在我的网站上，用户点击图片。但是，在代码中，他们实际上点击了<a>，其中<img>。当用户点击图像时，我希望在图像周围出现红色环。 <img>和<a>具有相同的id和类。addClass到<img>里面<a>

是否有可能让$(this).addClass('SelectedService');在<a>内添加一个类到<img>？

来源

2014-02-28 user3290485

HTML元素不能有相同的ID。 – aksu

@aksU：shell没有;） – helle

你不能在一个页面上有相同的ID – Netzach

没有必要去了jQuery使用CSS

你的HTML

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

和CSS

img:active 
{ 
    border:3px solid red; 

}

Demo

结帐上链接演示

来源

2014-02-28 14:17:14

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

如果你的HTML是这样的：

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

来源

2014-02-28 14:15:18 helle

无需的JavaScript。如果您只是想在单击锚标签后更改样式，则可以使用伪类:active。

Example

来源

2014-02-28 14:15:54

-1

而是选择$(this)的，你应该使用这样的工作。

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

这将选择img标签内a标签，并添加类img

来源

2014-02-28 14:17:23

现在它对每个图像都这样... – user3290485

你应该添加一个点击事件到你的'a'标签。像$（'a'）。click（function（）{$（'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'); 
});

假设类是一个红色的环

来源

2014-02-28 14:20:43 Netzach

addClass到<img>里面<a>

回答

相关问题