javascript - 使用 jQuery 或 Javascript 单击的任何元素的 src 属性发出警报

Question

<img src="pic1.jpg" class="mythumbs">
<img src="pic2.jpg" class="mythumbs">
<img src="pic3.jpg" class="mythumbs">
<img src="pic4.jpg" class="mythumbs">

<script>
/*
here is the code which makes me when i click on any image, it shows me its src attribute
(without using idTag 'preferred'). 
*/

alert(theAttribute);
</script>

我需要输入一个代码来显示单击项目的 src 属性而不使用 idTags

Answer 1

$(function(){
  $("img.mythumbs").click(function(){
    alert($(this).attr("src"));    
  });
});

此代码将提醒所有img具有 css 类的元素的 src 属性mythumbs

工作样本：http: //jsfiddle.net/tZcpw/1/

Answer 2

这是一个没有IDand的解决方案Class。src当您单击图像时，这将发出警报。

$("img").click(function(){
    alert($(this).attr("src"));    
});

$("img")如果你想用$(".your_class-here")一个类来做这个，你可以替换为。

这是一个有效的现场演示。