Javascript 如何删除特定sessionStorage值并同时减少另一个sessionStorage值

Javascript 如何删除特定sessionStorage值并同时减少另一个sessionStorage值,javascript,jquery,html,session-storage,sessionstorage,Javascript,Jquery,Html,Session Storage,Sessionstorage,我想知道如何从keyworker中删除特定的sessionStorage值,并将keylimit值减1,而不影响每次删除特定key worker时的其他sessionStorage值 这是我的名片 HTML 选择一个标题 老板 工人 经理 JQuery var worker_record = []; $(document).ready(function(){ new_worker(); $('.worker').on('click', function(e){

我想知道如何从key
worker
中删除特定的sessionStorage值,并将key
limit
值减1,而不影响每次删除特定key worker时的其他sessionStorage值

这是我的名片

HTML

  • 选择一个标题 老板 工人 经理
JQuery

var worker_record = [];
$(document).ready(function(){
    new_worker();
    $('.worker').on('click', function(e){
        e.preventDefault();
        e.stopPropagation();

        if(sessionStorage.getItem("limit") === null){
            sessionStorage.setItem('limit', 0);
        }

        if(sessionStorage.getItem('limit') <= 2){
            var first_name = $('.first-name').val();
            var last_name = $('.last-name').val();
            var title = $('.title:first').val();            

            var tblObj = {first_name: first_name, last_name: last_name, title: title};
            worker_record.push(tblObj);

            sessionStorage.worker = JSON.stringify(worker_record);
            new_worker();

            var count = sessionStorage.getItem('limit');
            count++;
            sessionStorage.setItem('limit', count);  
        }
    });

    function new_worker(){
        var max_fields = 3;
        var x = 0;

        if(!(typeof sessionStorage.worker === 'undefined' || sessionStorage.worker.length<1)){
            worker_record = JSON.parse(sessionStorage.worker);
        }

        $('.add-more').empty();
        for(var i=0; i<worker_record.length; i++){
            if(x < max_fields){
                x++;
                var first_name = worker_record[i].first_name;
                var last_name = worker_record[i].last_name;
                var title = worker_record[i].title;

                var worker = '<div class="worker-container"><div class="delete-worker"><a title="" href="#">Delete</a></div><div class="update-worker"><a title="" href="#">Update</a></div><div class="worker-box"><label class="another-worker"><input type="text" name="workers_first_name[]" class="first-name" value="' + first_name + '" /></label></div><div class="worker-box"><label class="another-worker"><input type="text" name="workers_last_name[]" class="last-name" value="' + last_name + '" /></label></div><div class="worker-box-last"><label class="another-worker"><select name="workers_title[]" class="title workers-title-options"><option value="Select a Title" selected="selected">Select a Title</option><option value="Boss">Boss</option><option value="Worker">Worker</option><option value="Manager">Manager</option></select></label></div></div>';

                $('.add-more').append(worker);
                $('.title:eq('+$('.workers-title-options').length+')').val(title);
            }
        }

        $('.first-name:first').val('');
        $('.last-name:first').val('');
        $('.title:first').val('Select a Title');
    }

    $('.add-more').on('click', '.delete-worker', function(e){
        e.preventDefault();
        e.stopPropagation();    

        $(this).parent('div').remove();
        worker_record = JSON.parse(sessionStorage.worker);
        worker_record.splice(worker_record.length -1, 1);
        sessionStorage.worker = JSON.stringify(worker_record);
    });
});
var-worker_-record=[];
$(文档).ready(函数(){
新工人();
$('.worker')。在('click',函数(e)上{
e、 预防默认值();
e、 停止传播();
if(sessionStorage.getItem(“限制”)==null){
sessionStorage.setItem('limit',0);
}
if(sessionStorage.getItem('limit'))
var worker_record = [];
$(document).ready(function(){
    new_worker();
    $('.worker').on('click', function(e){
        e.preventDefault();
        e.stopPropagation();

        if(sessionStorage.getItem("limit") === null){
            sessionStorage.setItem('limit', 0);
        }

        if(sessionStorage.getItem('limit') <= 2){
            var first_name = $('.first-name').val();
            var last_name = $('.last-name').val();
            var title = $('.title:first').val();            

            var tblObj = {first_name: first_name, last_name: last_name, title: title};
            worker_record.push(tblObj);

            sessionStorage.worker = JSON.stringify(worker_record);
            new_worker();

            var count = sessionStorage.getItem('limit');
            count++;
            sessionStorage.setItem('limit', count);  
        }
    });

    function new_worker(){
        var max_fields = 3;
        var x = 0;

        if(!(typeof sessionStorage.worker === 'undefined' || sessionStorage.worker.length<1)){
            worker_record = JSON.parse(sessionStorage.worker);
        }

        $('.add-more').empty();
        for(var i=0; i<worker_record.length; i++){
            if(x < max_fields){
                x++;
                var first_name = worker_record[i].first_name;
                var last_name = worker_record[i].last_name;
                var title = worker_record[i].title;

                var worker = '<div class="worker-container"><div class="delete-worker"><a title="" href="#">Delete</a></div><div class="update-worker"><a title="" href="#">Update</a></div><div class="worker-box"><label class="another-worker"><input type="text" name="workers_first_name[]" class="first-name" value="' + first_name + '" /></label></div><div class="worker-box"><label class="another-worker"><input type="text" name="workers_last_name[]" class="last-name" value="' + last_name + '" /></label></div><div class="worker-box-last"><label class="another-worker"><select name="workers_title[]" class="title workers-title-options"><option value="Select a Title" selected="selected">Select a Title</option><option value="Boss">Boss</option><option value="Worker">Worker</option><option value="Manager">Manager</option></select></label></div></div>';

                $('.add-more').append(worker);
                $('.title:eq('+$('.workers-title-options').length+')').val(title);
            }
        }

        $('.first-name:first').val('');
        $('.last-name:first').val('');
        $('.title:first').val('Select a Title');
    }

    $('.add-more').on('click', '.delete-worker', function(e){
        e.preventDefault();
        e.stopPropagation();    

        $(this).parent('div').remove();
        worker_record = JSON.parse(sessionStorage.worker);
        worker_record.splice(worker_record.length -1, 1);
        sessionStorage.worker = JSON.stringify(worker_record);
    });
});