0

我想通过 id 更改特定样式的 div。但是,它似乎根本不起作用。必要的代码如下:

查询:

$(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 id 是特定评论的日期,a_10.08.201223:56:49 类表示要触发的区域。当它悬停在上面的 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 回答