2

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

如果有人单击带有类的按钮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");
        }
    });
});
4

3 回答 3

4

采用hasClass()

if ($(this).hasClass("lol"))
于 2012-12-10T21:34:37.820 回答
1

您应该为要检查的图像分配一个 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>
于 2012-12-10T21:40:57.970 回答
0

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

我猜您想检查该类的可见图像，.lol下面将执行此操作，但它将针对所有可见图像，您可能需要将其限制为某些包含元素等。

$(document).ready(function(){
    $('div.lol').click(function(){
        if ($('img:visible').is('.lol')) {
            alert("LOL");
        }
    });
});
于 2012-12-10T21:40:22.927 回答