Question

<img href="a" class="myImg"></img>
<img href="b" class="myImg"></img>
<img href="c" class="myImg"></img>

如何通过使用css类myImg跟踪元素上的点击事件，如何确定被点击图像的href值。如果它简化了jquery.Thanks

，你也可以修改html

Answer 1

$('img.myImg').click(function(){
    alert(this.href); //might not work
    alert(this.getAttribute('href')); //definitely should work
});

Answer 2

$('.myImg').click(function() {
   alert($(this).attr('href'));
});

Answer 3

试试这个

$('.myImg').click(function(){
    alert($(this).attr('href'));
});

Answer 4

$(document).ready(function() {
  $(".myImg").click(function(e) {
    alert($(this).attr("href"));
  });
});

Answer 5

“img”标签没有“href”属性。您必须将这些图像放在链接标记之间（“a”）;

<a href="a"><img src=".." class="myImg"></a>
<a href="b"><img src=".." class="myImg"></a>
<a href="c"><img src=".." class="myImg"></a>

然后，如果你想获得href，请在链接上监听点击事件;

$('a').click(function(e) {
    console.log('selected href:', $(this).attr('href'));
    // if you want you can stop executing the href
    // e.preventDefault();
});

检查http://jsfiddle.net/demods/U7D2g/

jquery发件人BY CLASS

5 个答案: