2

だから私はいくつかの画像を含むウェブサイトを持っています、そしてこれが私がやりたいことです...

誰かが class のボタンをクリックし、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

現在表示されている画像には、同じ値のクラス名があります

class の可視画像をチェックしたいと思っている.lolと思います.

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