0

id によって div の特定のスタイルを変更したい。ただし、まったく機能していないようです。必要なコードは次のとおりです。

Jクエリ:

$(document).ready(function () {

$(".a_10.08.201223:56:49").hover(function(){
        $("#10.08.201223:56:49").removeClass('arrow-up').addClass('arrow-up2');

    }).mouseout(function(){
        $("#10.08.201223:56:49").removeClass('arrow-up2').addClass('arrow-up2');        
    });
});

HTML:

    <div class = "a_10.08.201223:56:49">

    Something in here

        <div class="arrow-up" id="10.08.201223:56:49"></div>
</div>

アイデアは、この ID がコメントの日付であるということです。たとえば、10.08.201223:56:49 は特定のコメントの日付を表し、_10.08.201223:56:49 クラスはトリガーされる領域を表します。上のdivにカーソルを合わせると、子のdiv(矢印)が表示されます。マウスが上の div の外にある場合、矢印は消えます。今までできなかったそうです。ありがとう

4

1 に答える 1

3

など、jquery セレクター:で使用される特殊文字をエスケープする必要があります。.

ライブデモ

$(document).ready(function () {

$(".a_10\\.08\\.201223\\:56\\:49").hover(function(){

        $("#10\\.08\\.201223\\:56\\:49").removeClass('arrow-up').addClass('arrow-up2');

    }).mouseout(function(){
        $("#10\\.08\\.201223\\:56\\:49").removeClass('arrow-up2').addClass('arrow-up2');        
    });
});​
于 2012-08-12T00:21:14.917 に答える