jQuery通过ID选择器更改CSS

Question

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

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');        
    });
});

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标识特定注释的日期，而a_10.08.201223：56：49类表示要触发的区域。 将其悬停在上div时，将显示子div（箭头）。 当鼠标移出上方div时，箭头将消失。 看来到目前为止我还做不到。 谢谢

Answer 1

您必须转义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');        
    });
});​