javascript - jquery如何删除数组中的特定值

Question

您好，当单击具有字符串值的元素时，我无法找到如何从字符串中删除特定值。这是我的待办事项列表。

if (window.localStorage.fullName !== undefined) {
alert('Your browser does not support localStorage');
} else {
$(function () {
    console.log('localSorage compitability detected. proceeding...');

全局变量和函数

    var tdli = [];

添加列表项

    $('#tdladd').click(function () {
        $('.todolist ul ul').append("<li class='tdli'>" + $('#tdlinput').val() + "</li>");
        tdli.push($('#tdlinput').val());
        $('#tdlinput').val('');
        var array = tdli + "";
        localStorage.setItem('tdlis', array);
        console.log(array);
        $('#todolist').hide().fadeIn('fast');
    });

删除列表项

    $('li').click(function () {
        var itemtoRemove = $(this);
        tdli.splice($.inArray(itemtoRemove, tdli), 1);
        console.log(tdli);
    });

    $('#clearall').click(function () {
        localStorage.clear();
        location.reload();
    });

加载列表项

    var tdlitems = localStorage.getItem('tdlis');

    var array = tdlitems.split(',');

    tdli.push(array);

    for (var i = 0; i < array.length; i++) {
        array[i] + "<br>";
        $('.todolist ul ul').append("<li>" + array[i] + "</li>");
    };

    console.log(array);


});

}

Answer 1

假设tdli是一个jQuery包装集(它本身是一个类似数组的对象)，它将存储DOM节点而不是另一个jQuery对象。这意味着，就像

var itemtoRemove = this;

你应该没问题。

<小时/>

在您发布完整的代码后，我们可以看到您实际上将字符串值推送到tdli数组中，但您尝试.splice() 对象分别是 DOM 节点，这当然根本没有任何意义(将苹果与橙子进行比较)。