Question

我在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>

当我点击图像时，我想获取被点击的图像的属性。如何获取已单击图像的属性？

Answer 1

假设您的点击位于<a>标记上，请使用find和prop：

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

Answer 2

看看

         $(document).on('click','.myimages a',function(e){

             alert($(this).find('img').prop('src'));

          });

Answer 3

使用.attr（）方法。

$('.myimages a').click(function(){
   alert($(this).children("img").attr('alt'));
});

http://jsfiddle.net/zsz7p/

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

3 个答案: