localStorage 가져 오기 및 div에 클래스 추가

Question

매우 혼란스러운 질문이 있습니다. 매번 나는 그것이 가장 가까운 "DIV"를 얻는다는 "체크 박스"를 확인하고 클래스 "hilight" 및 이 "표시"를 추가하고 로컬 저장이 "표시"전화에 항목을 설정합니다. div 1에서 2로 전환 할 때 "hilight"클래스를 제거하지만 클래스를 "marked"로 유지합니다. 나는 로컬 저장을 얻고,

JS 바이올린 "표시"한 div에 다시 클래스 "hilight"를 추가하기 위해 노력하고있어

: http://jsfiddle.net/b4KgV/

HTML

<button class="1st">show 1st</button> 
<button class="2nd">show 2nd</button> 

JS

localStorage.clear(); 

$(document).on('click', ':checkbox', function() { 
    if ($(this).is(':checked')) { 
     $(this).closest("div").addClass('hilight marked'); 
     localStorage.setItem("marking","yes"); 
    } 
     else { 
       $(this).closest("div").removeClass('hilight marked'); 
      } 
}); 

$(".1st").on('click', function() { 
    $(".second").css('display','none'); 
    $(".second").removeClass('hilight'); 
    $(".first").css('display','block'); 
}); 

$(".2nd").on('click', function() { 
    $(".first").css('display','none'); 
    $(".first").removeClass('hilight'); 
    $(".second").css('display','block'); 
}); 

if (localStorage.getItem("marking")) { 
    $(".marked").closest("div").addClass('hilight'); 
}; 

thx.

Answer 1

Localstorage는 키로 이동합니다. 아시다시피 값을 분리하여 유지하려고했습니다. 이 바이올린

http://jsfiddle.net/b4KgV/11/

$(document).on('click', ':checkbox', function() { 
    var div = $(this).closest("div").attr("id") 
    if ($(this).is(':checked')) { 
     $(this).closest("div").addClass('hilight marked'); 
     localStorage.setItem(div, true); 
    } else { 
     $(this).closest("div").removeClass('hilight marked'); 
     localStorage.setItem(div, false); 
    } 
}); 

$(".1st").on('click', function() { 
    console.log("test") 
    if (localStorage.getItem("firstDiv") == "true") { 
     $(".first").closest("div").addClass('hilight'); 
    }; 
    $(".second").css('display', 'none'); 
    $(".second").removeClass('hilight'); 
    $(".first").css('display', 'block'); 
});