localStorage에서 항목 제거

Question

localStorage에서 개별 항목을 제거하려고합니다. listview에 선택된 목록 항목을 저장하기 위해 localStorage를 사용하고 있습니다. 선택한 항목을 제거하기위한 체크 박스를 localstorage에서 첨부했습니다. 그러나 선택한 체크 상자를 제거 할 때 하나의 체크 박스를 선택했을 때처럼 2 ~ 3 개의 항목을 삭제하면 localStorage에서 삭제됩니다.

HTML 코드 :

<!-- Favourites page --> 
<div data-role="page" id="fav"> 
    <div data-role="header" data-position="fixed"> 
    </div> 
    <div data-role="content" class="ulDiv"> 
    <ul data-role="listview" data-split-icon="minus" data-split-theme="d" data-filter="true"data-icon="false" data-filter-placeholder="Search" id="favoritesList"> 
      </ul> 
    </div> 
    <div data-role="footer" data-position="fixed" class="my-footer"> 
    </div> 
</div> 

내 JS 코드 :

$(document).ready(function() { 
    $("#section_list").on('click', 'a', function() { 
       var item = $(this).find('h2').text(); 
       var desc = $(this).find('p').text(); 
       var html = '<p></br><p class="description">' + desc + '</p>'; 
       $('.addToFavoritesDiv').click(function() { 
        var url = $(location).attr('href'); 
        if (!supportLocalStorage()) 
        { 
         item = 'No support'; 
        } 
        else 
        { 
         try 
          { 
           localStorage.setItem('autosave' + url, item + html); 

          } 
         catch (e) 
          { 
           if (e == QUOTA_EXCEEDED_ERR) 
           { 
            alert('Quota Exceeded'); 
           } 
          } 
        } 
       }); 
    }); 

    $('#fav').click(function() { 
     fromStorage(); 
     $("#favoritesList").listview('refresh'); 
    }); 

    $(document).on('click', '#edit', function() { 
     fromGetStorage(); 
    }); 
}); 

function supportLocalStorage() 
{  
    return typeof(Storage) !== 'undefined'; 
} 

function fromStorage() 
{ 
    $("#favoritesList").empty(); 
    $("#favoritesList").listview('refresh'); 
    for (var i = 0; i < localStorage.length; i++) { 
     var url = localStorage.key(i); 
      var item = localStorage.getItem(url); 
      $("#favoritesList").append('<li id="add"><a href="' + url + '" style="text-decoration:none;color:black">' + item + '</a></li>').attr('url', url); 
    } 
    $("#favoritesList").listview('refresh'); 
} 

function fromGetStorage() 
    { 
    $("#favoritesList").empty(); 
    $("#favoritesList").append('<input type="checkbox" name="all" id="select" />Select all</br>'); 
    $("#fav .ui-listview-filter").remove(); 
     for (var i = 0; i < localStorage.length; i++) { 
     var url = localStorage.key(i); 
     var item = localStorage.getItem(url); 
      $("#favoritesList").append('<li id="add"><div><input type="checkbox" name="check" id="check">&nbsp;<a href="' + url + '" style="text-decoration:none;color:black">' + item + '</a></div></li>').attr('url', url); 
     $("#favoritesList").listview('refresh'); 
} 

$("#select").click(function(event){ 
    event.stopPropagation(); 
}); 
    $('#select').change(function() { 
    if($("#select").is(':checked')) { 
     $("#add #check").prop("checked", true); 
     $('#empty').on('click', function() { 
      localStorage.clear(); 
     $("#favoritesList").listview('refresh'); 
     }); 
    } 
    else { 
     $("#add #check").prop("checked", false); 
    } 
}); 


$("#add #check").click(function(event){ 
    event.stopPropagation(); 
}); 

    $("#add #check").change(function() { 
     var chkLength = $('input[name="check"]:checkbox').length; 
     var chkdLength = $('input[name="check"]:checkbox:checked').length; 
     if (chkLength == chkdLength) 
     { 
      $('#select').prop('checked', true); 
     } 
     else 
     { 
      $('#select').prop('checked', false); 
     } 

}); 

$("#delete").on('click', function() { 
       var checked = $('#add #check:checkbox:checked'); 
        var url = localStorage.key(checked); 
        localStorage.removeItem(url); 
        $("#favoritesList").listview('refresh'); 
     }); 
} 

Answer 1

자신의 키 값에 의해 로컬 스토리지 항목을 제거,이 같은 항목을 제거하려고은

//syntax is localStorage.removeItem('keyName'); 
//so if your key name is checked     
localStorage.removeItem('checked'); 

는이 Link를 참조하십시오 로컬 저장소에 대한 읽기

Answer 2

localstorage.removeItem() 예상대로 작동하지 않습니다. 나는 localstorage 항목을 다루려고 할 때 같은 문제에 직면했다.

이 문제의 해결 방법은 set the local storage item to null입니다. 그것은 내 목적을 달성했습니다.

당신이 test라는 이름의 로컬 스토리지 항목은 다음 항목 사용을 취소해야하는 경우 예를 들어

:이 올바른 방법을하지 않을 수 있지만

localStorage.setItem("test", ""); 

, 내가이 문제를 통해 제정신이 갔다하고, 상기 하나 제공 내 목적.

Answer 3

나는 문제가이 부분에서 생각 : 그래서 당신은 localStorage.key(1)를 가리키는

var url = localStorage.key(checked); 

및 checked==[Object]==1을 : 당신은 삭제하고 당신이 사용하고 있기 때문에 대한 올바른 키를 사용하지 않는

$("#delete").on('click', function() { 
      var checked = $('#add #check:checkbox:checked'); 
      var url = localStorage.key(checked); 
      localStorage.removeItem(url); 
      $("#favoritesList").listview('refresh'); 
}); 

---

이 문제를 해결하기 위해 양쪽 모두 key=localStorage.key(some);localStorage.removeItem(key);과 localStorage.removeItem(some);을 사용해야하지만 중요한 부분은 각 체크 박스에 대해 '색인 (첫 번째 방법)'또는 '키 값 (두 번째 방법)'과 일치해야한다는 것입니다. 전체 코드가 있으면

Answer 4

그냥 내가 생각 로컬 저장소에있는 모든 데이터를 삭제하는 localStorage.clear();