如何使用jquery从图像列表中获取单击图像的属性

How to get the attribute of clicked image from a list of images using jquery

本文关键字：图像 获取 单击 属性 列表 何使用 jquery      更新时间：2023-09-26

div中有5张图片

    <div class="myimages">
       <span><a><img src="image1.png" alt="image1"></a></span>
       <span><a><img src="image2.png" alt="image2"></a></span>
       <span><a><img src="image3.png" alt="image3"></a></span>
       <span><a><img src="image4.png" alt="image4"></a></span>
       <span><a><img src="image5.png" alt="image5"></a></span>
    </div>

当我点击图像时，我想获得被点击图像的属性。如何获得已点击图像的属性?

假设你的点击是在<a>标签上，使用find和prop:

$("a").click(function() {
    console.log($(this).find("img").prop("alt"));
});

使用。attr()方法。

$('.myimages a').click(function(){
   alert($(this).children("img").attr('alt'));
});
http://jsfiddle.net/zsz7p/

看一下

         $(document).on('click','.myimages a',function(e){
             alert($(this).find('img').prop('src'));
          });
相关文章：