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