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元素的src属性，这些元素具有css类mythumbs

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

Answer 2

以下是没有ID和Class的解决方案。当您单击图像时，这将提醒src。

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

如果您想对某个课程执行此操作，则可以将$("img")替换为$(".your_class-here")。

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

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

2 个答案: