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 id是特定注释的日期，a_10.08.201223：56：49类表示要触发的区域。当它通过上部div时，将显示子div（箭头）。当鼠标离开上部div时，箭头将消失。到目前为止我似乎无法做到这一点。感谢

Answer 1

您必须转义jquery选择器中使用的特殊字符，例如:，.等。

<强> Live Demo

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

jquery通过id选择器更改css

1 个答案: