The class don’t remain on page refresh, i use jquery cookies plugin

The class don’t remain on page refresh, i use jquery cookies plugin

I have a table and when i click on row i want to addclass .selectListItemReaded and persist on page refresh.

The plugin that i use it's https://github.com/carhartl/jquery-cookie

I have tried this code:

TABLE:

  1. <table cellpadding="1" cellspacing="1" width="100%" id="tabelRezultat">
  2. <tbody>
  3. <tr class="selectListHeader">
  4. <td class="selectListTitle inceput">Data cursei libere</td>
  5. <td class="selectListTitle">Plecare din</td>
  6. <td class="selectListTitle">Cursa spre</td>
  7. <td class="selectListTitle">Locuri disponibile</td>
  8. <td class="selectListTitle"></td>
  9. </tr>   
  10. <tr class="selectListItem" height="30">
  11. <td class="rezultat inceput">test1</td>
  12. <td class="rezultat">test2</td>
  13. <td class="rezultat">test2</td>
  14. <td class="rezultat">test3</td>
  15. <td class="rezultat"><a class="clickBut" target="_blank" href="#">detalii</a></td>
  16. </tr>
  17. <tr class="selectListItem" height="30">
  18. <td class="rezultat inceput"> another test1</td>
  19. <td class="rezultat">another test2</td>
  20. <td class="rezultat">another test2</td>
  21. <td class="rezultat">another test3</td>
  22. <td class="rezultat"><a class="clickBut" target="_blank" href="#">details</a></td>
  23. </tr>
  24. </tbody>
  25. </table>


SCRIPT TO MAKE AUTOMATIC ID FOR <tr>
  1. jQuery(function ($) {
  2.   
  3.  var selectListItemDivs=$("tr.selectListItem");
  4.  for(var i=0;i<selectListItemDivs.length;i++)
  5.  { 
  6.     $(selectListItemDivs[i]).attr("id","child-"+i);
  7.  }
  8.    
  9.   var clickButDivs=$("a.clickBut");
  10.  for(var i=0;i<clickButDivs.length;i++)
  11.  { 
  12.     $(clickButDivs[i]).attr("id","cursa-"+i);
  13.  }
  14.       
  15. });


AND SCRIPT FOR ADD CLASS AND COOKIES (but it's not working)


  1. jQuery(function ($) {
  2.                  
  3.    
  4.     var cookieName = 'up_';
  5.    
  6.     $('tr.selectListItem').click(function() {
  7.         var id = $(this).attr('id'), cookie = cookieName + id;
  8.         //console.log($.cookie(cookie));
  9.        if ($.cookie(cookie) !== 'true') {
  10.         $(this).addClass('selectListItemReaded');
  11.     }
  12.     }).bind('click', function(e) {
  13.         e.preventDefault();
  14.         $.cookie(cookieName + $(this).attr('id'), true);
  15.     });
  16. });

Can anybody help me with this ? I greatly appreciate your help .