jQuery获取类名

Question

我试图在点击时从一系列图像中获取类名。

下面的代码检索第一个图像类名，但是当我点击具有不同类值的其他图像时，它们会显示第一个图像类。

如何获取每个图像类值？

HTML

<a href="#" title="{title}" class="bg"><img src="{image:url:small}" alt="{title}" class="{image:url:large}" /></a>

jQuery代码

    $(".bg").click(function(){
        var1 = $('.bg img').attr('class');

Answer 1

请改为尝试：

$(".bg").click(function(){
    var1 = $(this).children('img').attr('class');

Answer 2

尝试：

$(".bg").click(function(){
    var1 = $(this).attr('class');
});

经过反思，上述情况可能并不完全是你所追求的。我建议尝试：

$('.bg img').click(  // attaches the 'click' to the image
    function(){
        var1 = $(this).attr('class');
    });

或者：

$(".bg").click(function(){
    var1 = $(this).find('img').attr('class'); // finds the 'img' inside the 'a'
});