jquery change css via id selector

Question

ı want to change a specific style of div by its id. However, it seems it is not working at all. The necessary codes are below:

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>

The idea is that this ids are the date of the comments. For instance, 10.08.201223:56:49 id a date for a specific comment and a_10.08.201223:56:49 class represents the area to be triggered. When it is hovered through the upper div, the child div(arrow) will be displayed. When mouse is out of the upper div, the arrow will be disappered. It seems that i could not do it so far. Thanks

Iam not sure but maybe the . in the Ids causes the problem? — micha
– micha, Commented Aug 12, 2012 at 0:21
Dot (.) is a reserved character for class selector. try replacing dot with underscore or escape it. — rechie
– rechie, Commented Aug 12, 2012 at 0:27

Adil · Accepted Answer · 2012-08-12 00:36:53Z

3

You have to escape special character used in jquery selector e.g : , . etc.

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

edited Aug 12, 2012 at 0:36

answered Aug 12, 2012 at 0:21

Adil

148k25 gold badges217 silver badges207 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery change css via id selector

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related