$(function() { var array = [].concat(JSON.parse(localStorage.getItem('history'))); //定义空数组 //提交按钮点击事件 并刷新页面 $('#submitBtn').click(function() { array.push(plate); //添加到数组中 localStorage.setItem('history', JSON.stringify(array_unique(array))); //存 去重 if (array.length >= 7) { array.shift() localStorage.setItem('history', JSON.stringify(array)); //存 } //限制存储个数 location.reload(true); }) //去重 function array_unique(arr) { return arr.filter(function(e, i) { return arr.indexOf(e) === i; }) } //清空历史数据 var ondata = JSON.parse(localStorage.getItem('history')) $(".clearHistory").click(function() { ondata.splice(0, ondata.length); localStorage.setItem('history', JSON.stringify(ondata)); //存 location.reload(true); }) //html历史展示 if (JSON.parse(localStorage.getItem('history')) == null) { console.log('暂无历史记录') } else { var data= JSON.parse(localStorage.getItem('history')) if (data[0] == null) { data.splice(jQuery.inArray(null, data), 1); //去除null } for (var i = 0; i < data.length; i++) { $('#history').append('<span id="delplate">' + data[i] + '</span>') } $("span").click(function() { console.log(data[$(this).index()])//获取jqhtml的span下标 }) } })