change content attribute of css class using jquery

Question

I have a CSS

   .counter{
   span{display: none;}
   &:before{
   content: "Bookmark";
}
}



   <div class="counter fl" id="add_counter" ></div>

i want a JQuery code that change content attribute of CSS from bookmark to bookmarked

IS ur HTML correct? I doubt it,please create fiddle – Pratik Joshi Jul 01 '14 at 06:30 — Pratik Joshi, Jul 01 '14 at 06:30

Milind Anantwar · Accepted Answer · 2014-07-01T06:38:28.963

4

You can add another class that has content set to bookmarked:

$('.counter').addClass('bookmarked');

CSS:

.bookmarked{
    content: "Bookmarked";
}

edited Jul 01 '14 at 06:38

answered Jul 01 '14 at 06:28

Milind Anantwar

Can u please give fiddle ? – Pratik Joshi Jul 01 '14 at 06:32
http://jsfiddle.net/9kyg7/ doesn't works. Correct me – Satpal Jul 01 '14 at 06:36
Sir , It does not work ,spot any issue? – Pratik Joshi Jul 01 '14 at 06:38
I was updating the answer. – Milind Anantwar Jul 01 '14 at 06:39
@MilindAnantwar , hello but u added class. OP wanted to add content attribute – Pratik Joshi Jul 01 '14 at 06:51
@PratikJoshi: see this http://stackoverflow.com/a/5041526/1719752 – Milind Anantwar Jul 01 '14 at 06:55
U mean PurpleDroid answer is wrong? – Pratik Joshi Jul 01 '14 at 06:57
@PratikJoshi: i thought same in the beginning. but its not going to work for psuedo elements. – Milind Anantwar Jul 01 '14 at 07:09

1 Answers1