我正在尝试从 localStorage 中删除一个项目。当用户单击删除按钮时,我需要检查 localStorage 中包含的内容并根据已删除的行删除值。
例如,假设 localStorage 包含以下逗号分隔列表:
contact,user,account
如果删除的行是该account
行,那么我需要从列表中删除帐户值,以便 localStorage 现在包含:
contact,user
或者,如果删除的行是该user
行,那么我需要从列表中删除用户值,以便他的 localStorage 现在包含:
contact,account
这是我的jQuery代码:
<script type="text/javascript">
var j$ = jQuery.noConflict();
j$(document).ready(function() {
var dataRows = j$('tr.dataRow');
localStorage.activeButtons = '';
var active = localStorage.activeButtons.split(',');
dataRows.each(function(index, elem) {
updateImages(elem, active[index]);
});
j$("img[id$=':deleteImage']").on("click", function(event) {
updateImages(j$(this).closest('tr'));
});
j$('[id$=btnContact]').on('click', function() {
localStorage.activeButtons += 'contact,';
});
j$('[id$=btnUser]').on('click', function() {
localStorage.activeButtons += 'user,';
});
j$('[id$=btnAccount]').on('click', function() {
localStorage.activeButtons += 'account,';
});
A4J.AJAX.AddListener({
onafterajax: function(req,evt,data) {
console.log('************* activeButtons = ' + localStorage.activeButtons);
j$('[id$=deleteImage]').on('click', function(elem) {
console.log('the delete button was clicked');
console.log(elem);
console.log('************** before ' + localStorage.activeButtons);
localStorage.activeButtons = localStorage.activeButtons;
console.log('************** after ' + localStorage.activeButtons);
});
console.log('************* activeButtons = ' + localStorage.activeButtons);
var lastRow = j$('table[id$=participantTable] tbody tr:last');
var active = localStorage.activeButtons.split(',');
var dataRows = j$('tr.dataRow');
dataRows.each(function(index, elem) {
updateImages(elem, active[index]);
});
}
});
});
function updateImages(myRow, myActive) {
var rowInputs = j$(myRow).find('input[type="text"]');
var contactId = (j$(rowInputs[0]).attr('id'));
var userId = (j$(rowInputs[1]).attr('id'));
var accountId = (j$(rowInputs[2]).attr('id'));
var contact = (j$(rowInputs[0]).val());
var user = (j$(rowInputs[1]).val());
var account = (j$(rowInputs[2]).val());
if(contactId.indexOf("participant") != -1 || userId.indexOf("participant") != -1 || accountId.indexOf("participant") != -1) {
switch (myActive) {
case "contact":
// hide the other two
j$(rowInputs[1]).hide();
j$(rowInputs[2]).hide();
j$(rowInputs[1].parentNode).find('img').hide();
j$(rowInputs[2].parentNode).find('img').hide();
break;
case "user":
// hide the other two
j$(rowInputs[0]).hide();
j$(rowInputs[2]).hide();
j$(rowInputs[0].parentNode).find('img').hide();
j$(rowInputs[2].parentNode).find('img').hide();
break;
case "account":
// hide the other two
j$(rowInputs[0]).hide();
j$(rowInputs[1]).hide();
j$(rowInputs[0].parentNode).find('img').hide();
j$(rowInputs[1].parentNode).find('img').hide();
break;
}
if (contact !== '') {
j$(rowInputs[1]).hide();
j$(rowInputs[2]).hide();
j$(rowInputs[0].parentNode).find('img').show();
j$(rowInputs[1].parentNode).find('img').hide();
j$(rowInputs[2].parentNode).find('img').hide();
}
else if (user !== '') {
j$(rowInputs[0]).hide();
j$(rowInputs[2]).hide();
j$(rowInputs[0].parentNode).find('img').hide();
j$(rowInputs[1].parentNode).find('img').show();
j$(rowInputs[2].parentNode).find('img').hide();
}
else if (account !== '') {
j$(rowInputs[0]).hide();
j$(rowInputs[1]).hide();
j$(rowInputs[0].parentNode).find('img').hide();
j$(rowInputs[1].parentNode).find('img').hide();
j$(rowInputs[2].parentNode).find('img').show();
}
if (account !== '' && contact !== '') {
j$(rowInputs[1]).hide();
j$(rowInputs[2]).show();
j$(rowInputs[0].parentNode).find('img').show();
j$(rowInputs[1].parentNode).find('img').hide();
j$(rowInputs[2].parentNode).find('img').hide();
}
}
}
</script>
这是我试图从 localStorage 中删除值的代码的相关部分:
A4J.AJAX.AddListener({
onafterajax: function(req,evt,data) {
console.log('************* activeButtons = ' + localStorage.activeButtons);
j$('[id$=deleteImage]').on('click', function(elem) {
console.log('the delete button was clicked');
console.log(elem);
console.log('************** before ' + localStorage.activeButtons);
//here is where I need to remove the value from the localStorage
//I am passing in the elem as the function argument to determine
//what row is being deleted and what value I should remove from the
//local storage.
console.log('************** after ' + localStorage.activeButtons);
});
console.log('************* activeButtons = ' + localStorage.activeButtons);
var lastRow = j$('table[id$=participantTable] tbody tr:last');
var active = localStorage.activeButtons.split(',');
var dataRows = j$('tr.dataRow');
dataRows.each(function(index, elem) {
updateImages(elem, active[index]);
});
}
});
任何帮助表示赞赏。谢谢。