Jquery 用cookies持久化addclass

我有一个表，当我单击行时，我想添加类。选择ListItemReaded并在页面刷新时保持

我使用的插件是

我尝试过以下代码：

表:

<table cellpadding="1" cellspacing="1" width="100%" id="tabelRezultat">
<tbody>
<tr class="selectListHeader">
<td class="selectListTitle inceput">Data cursei libere</td>
<td class="selectListTitle">Plecare din</td>
<td class="selectListTitle">Cursa spre</td>
<td class="selectListTitle">Locuri disponibile</td>
<td class="selectListTitle"></td>
</tr>   
<tr class="selectListItem" height="30">
<td class="rezultat inceput">test1</td>
<td class="rezultat">test2</td>
<td class="rezultat">test2</td>
<td class="rezultat">test3</td>
<td class="rezultat"><a class="clickBut" target="_blank" href="#">detalii</a></td>
</tr>
<tr class="selectListItem" height="30">
<td class="rezultat inceput"> another test1</td>
<td class="rezultat">another test2</td>
<td class="rezultat">another test2</td>
<td class="rezultat">another test3</td>
<td class="rezultat"><a class="clickBut" target="_blank" href="#">details</a></td>
</tr>
</tbody>
</table>

---

有人能帮我吗？非常感谢您的帮助。

它到底是如何“不起作用”的？您好，该类selectListItemReaded不会保留在重新加载页面上。谢谢

jQuery(function ($) {

 var selectListItemDivs=$("tr.selectListItem");
 for(var i=0;i<selectListItemDivs.length;i++)
 { 
    $(selectListItemDivs[i]).attr("id","child-"+i);
 }

  var clickButDivs=$("a.clickBut");
 for(var i=0;i<clickButDivs.length;i++)
 { 
    $(clickButDivs[i]).attr("id","cursa-"+i);
 }

});

jQuery(function ($) {


    var cookieName = 'up_';

    $('tr.selectListItem').click(function() {
        var id = $(this).attr('id'), cookie = cookieName + id;
        //console.log($.cookie(cookie));
       if ($.cookie(cookie) !== 'true') {
        $(this).addClass('selectListItemReaded');
    }
    }).bind('click', function(e) {
        e.preventDefault();
        $.cookie(cookieName + $(this).attr('id'), true);
    });
});