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>

回答

相關問題