Question

我点击页面中的行时，使用此代码突出显示表中的多选行。

$(".tbl tr").click(function() {
    $(this).toggleClass("select_rw");
});

没关系！但是当我转到另一个页面并返回到我的页面时，我想在cookie中保存多个选定的行以突出显示行。

Answer 1

根据hasan提议，

这是一种应该完成工作的实现

我假设你把ids放在你的标签上

$(".tbl tr").click(function(item, i) {

    // get the cookie value
    var selected = $.cookie("store_line");

    // check if is an array and declare it
    if(! Array.isArray(selected)){
      selected = [];
    }

    // push selected id tr 
    selected.push($(this).attr('id'));

    // save cookie with new values
    $.cookie("store_line", selected);

    // toogle your class
    $(this).toggleClass("select_rw");
});

// when the page is load, read the cookie and activate row
var selected = $.cookie("store_line");
$.each(selected, function(id){
    $('#' + id).toggleClass("select_rw");
})

如何使用jQuery和cookie突出显示行表？

1 个答案: