Question

所以我有一个带有几张图片的网站，这就是我想要它做的......

如果有人点击了类lol的按钮，并且当前显示的图片的类名具有相同的值 - 请执行某些操作。

这是我的HTML：

<div class="lol">BUTTON</div>
<div class="whatever">
<img src="x" class="lol"/ >
</div>

我在CSS中设置了div.lol和img.lol样式。

这就是我认为jQuery的样子：

$(document).ready(function(){
    $('div.lol').click(function(){
        if($(this)===$('img.lol')){
            alert("LOL");
        }
    });
});

Answer 1

使用hasClass()

if ($(this).hasClass("lol"))

Answer 2

您应该为要检查的图像指定ID，然后在该图像上使用hasClass。下面的代码对我有用：

<div class="lol">BUTTON</div>
<div class="whatever">
<img id = "an_image" src="x" class="lol"/ >
</div>
<script type = "text/javascript">

$(document).ready(function(){
    $('div.lol').click(function(){
        if($("#an_image").hasClass("lol")){
            alert("LOL");
        }
    });
});

</script>

Answer 3

并且当前显示的图片具有相同的类名值

我猜你要检查类.lol的可见图像，下面会这样做，但是它将针对所有可见图像，你可能需要将其限制为某些包含元素等。

$(document).ready(function(){
    $('div.lol').click(function(){
        if ($('img:visible').is('.lol')) {
            alert("LOL");
        }
    });
});

我需要在if语句中比较两个类

3 个答案: