1

我为用户构建了一个小型应用程序来请求构建机器。我通过在提交表单时将细节保存到 localStorage 中来做到这一点，然后遍历存储变量以显示请求的详细外观。这个显示部分循环通过本地存储并为每个附加ul一个li输入与每台特定机器相关的信息。

下面是一个粗略的示例，说明我的显示器在提交之前最终的样子。我需要选择 each 的值input，并在其中使用它localStorage.Removeitem('all machine 1 input values go here');我为粗略的代码道歉，我对其中的大部分内容都很陌生。

<ul name="machine-1">
    <li><input type="button" value="Del"></li>
    <li><input value="name1"></li>
    <li><input value="number1"></li>
</ul>

<ul name="machine-2">
    <li><input type="button" value="Del"></li>
    <li><input value="name2"></li>
    <li><input value="number2"></li>
</ul>

这是我的循环中构建列表的部分。

$("#theRequest").append('<ul id="machine-'+ machinec +'"><li style="border:none;margin-left:0em;padding-right:0em;"><input class="delete" type="button" id="del-'
    + machinec +'" value="Del"></li><li>'
    + '</li><li style="border:none;margin-left:0em;padding-right:0em;"><input class="edit" type="hidden" value="Edit"></li>'
    + '</li><li><input style="width:35px;" disabled type="text" value="'
    + nomember + '"></li><li><input style="width:20px;" disabled type="text" value="'
    + ecmpny + '"></li><li><input style="width:20px;" disabled type="text" value="'
    + estore + '"></li><li><input style="width:60px;" disabled type="text" value="'
    + hmachineType + '"></li><li><input disabled type="text" value="'
    + efullname + '"></li><li><input disabled type="text" value="'
    + etitle + '"></li><li><input disabled type="hidden" value="'
    + hrequested + '"></li><li><input disabled type="hidden" value="'
    + eemail + '</li></ul>');

这是我对如何“删除”特定机器并将其从 localStorage 中清除的猜测。我基本上没有选择正确，如果我是，我仍然认为它只会选择孙子价值观之一？

// Delete a Machine
$('.delete').click(function() {
    if (confirm('Are you sure you want to remove this item?')) {
        var parent = $(this).parents('ul');
        var grandchildren = parent.children().children();
        parent.hide();
        inputName = grandchildren.attr('value');
        localStorage.removeItem(inputName);                     
    }                           
    else {}
});
4

1 回答 1

1

我会尝试这样的事情

// Delete a Machine
$('.delete').click(function() {
    if (confirm('Are you sure you want to remove this item?')) {
        var parent = $(this).parents('ul').eq(0);  // just in case you have more than one ul ancestor
        parent.hide();
        parent.find('input').each(function() {
            localStorage.removeItem($(this).attr('value'));
        });                    
    }
});

顺便说一句，如果您使用的是 jQuery 1.7 或更高版本，您可以使用$('.delete').on("click", function() {

于 2013-05-29T18:13:53.153 回答